一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不一样。兼容性主要可以分类 ...

一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不一样。兼容性主要可以分类 ...

一、负边距与浮动布局 1.1、负边距 所谓的负边距就是margin取负值的情况，如margin:-100px，margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下： 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时，如果前一个元素的宽度 ...

本文将探讨浏览器渲染的loading过程，主要有2个目的： 了解浏览器在loading过程中的实现细节，具体都做了什么 研究如何根据浏览器的实现原理进行优化，提升页面响应速度 由于loading和parsing是相互交织、错综复杂的，这里面有大量的知识点，为了避免过于发散本文将不 ...

1、兼容性 根据canius（http://caniuse.com/#search=transition），transition 兼容性如下图所示： 在IE7-9进行测试时，transition的效果没有过渡效果（如线性过渡效果），但是还是有效果（立即执行 ...

不同浏览器对于有些css3属性名字定义的时候，会带上特有的前缀，所以在css编写的时候，经常会一个属性写多个不同的前缀进行兼容。比如： 有时候，我们需要通过js动态控制css3属性，这时候就需要根据不同的浏览器添加不同的前缀。当然，我们也可以将所有的前缀全部设置，就像以下这种方式 ...

CSS3出现以后，WEB前端的美化变得更加容易，一些原本要用图片才能实现的外观，现在用样式表就可以搞定，也因而使得页面变得更小。但令人头疼的是CSS3的很多属性并不被所有的浏览器支持。本人向来喜欢使用圆角矩形作为容器，经过寻找和探索终于找到了实现让圆角兼容所有浏览器的方法。 这个方法 ...

前缀　　　　　　　　 浏览器 -webkit-　　　　　　chrome、safari -moz-　　　　　　　 firefox -ms- IE -o- opera ...