一、瀏覽器兼容 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 ...