-webkit-line-clamp:2; （用来限制在一个块元素显示的文本的行数,2表示最多显示2行。为了实现该效果，它需要组合其他的WebKit属性）。-webkit-box-orient:vertical;（ 和1结合使用 ，设置或检索伸缩盒对象的子

渲染引擎简介目前常用的浏览器：Firefox . chrome . safari 是基于两种渲染引擎构建的，Firefox使用Geoko,是Mozilla自主研发的渲染引擎，Safari和Chrome都使用webkit.feflow几乎是无法避免的.例如：

overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden

上一篇整理到HTML部分，发现有些知识点属于浏览器范畴，就单独出一篇来专门归纳。主要分成两个部分：渲染引擎和JS引擎。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越

input框在iOS里，无法聚焦，不能输入内容，把-webkit-user-select:none改成-webkit-user-select:auto;或者直接加一个style=“-webkit-user-select:auto”.

本文整理了前端开发同学在开发手机页面的时候遇到的各种问题，希望能够对解决移动前端开发中遇到的问题提供帮助。Android WebView 简介在 Android 中提供了 WebView 控件用来展示网页内容。对于 WebView 需要注意：Android

前言此文章是我最近在看的一书的一些理解和做的笔记。而是基于 WebKit 的 Chromium 项目的讲解。Chromium 内核 Blink2013年4月 gogle宣布从 WebKit中复制一份出来然后独立，并运作为Blink项目。第二章 HTML网页

将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式<meta name="apple-mobile-web-app-status-bar-style" content="black" /

最近拜读了传说中的《Webkit技术内幕》一书，有很大收获，尤其是对页面渲染有了较深的认识。由于功力有限，而且书中设计到较多的底层也无法理解，所以本文主要整理和分享一下自己理解的基于Webkit内核浏览器的页面渲染的整体过程，不做深入介绍。四大主流内核内核

position: relative;position: absolute;content: '';top: -50%;bottom: -50%;left: -50%;right: -50%;-webkit-transform: scale(0.5);tr

本文依据朱永盛老师的《WebKit技术内幕》一书作为参考，结合网络共享资源对Webkit的历史和技术点进行随笔记录，或跳过一些理解不到位的。至此，根正苗红并拥有高用户体验的 Firefox 逐步蚕食不可一世IE浏览器的市场份额。IE浏览器到目前为止只支持W

从用户输入浏览器输入url到页面最后呈现 有哪些过程？一道很常规的题目，考的是基本网络原理，和浏览器加载css，js过程。浏览器将主机名转换成服务器ip地址。以上答案基本简述了一个网页基本的响应过程背后的原理。Gecko 将视觉格式化元素组成的树称为“框架

-webkit-animation:Rotate 2s linear infinite;from {transform:rotate(0deg);-webkit-transform:rotate(0deg);}. to {transform:rotate(

&lt;meta&gt; 标签提供关于 HTML 文档的元数据。它不会显示在页面上，但是对于机器是可读的。可用于浏览器，搜索引擎（关键词），或其他 web 服务。meta里的数据是供机器解读的，告诉机器该如何解析这个页面，还有一个用途是可以

HTML5已经足够强大，但很多应用还是需要独立桌面客户端的解决方案，毕竟能操作本地文件等功能还是很多工具类软件短期内无法完全采用云方案替代。最近Adobe发布的也是类似的应用，Brackets这样描述自己：An open source code edito

2013年2月13日，当我们正在欢度春节的时候，浏览器界却传出一条颇让人吃惊的消息：浏览器厂商Opera宣布从今年起将作出重要改变，今后 Opera各平台产品都将转向采用Webkit和V8为主，并逐步放弃使用现有基于Presto引擎的产品，也就是说 O