最近面試有被問到：畫乙個高度為1px的div，相容ie所有版本瀏覽器。
以前從來沒有注意到這個問題，以前做ie7,8相容的時候因為ie正常了，ie8完全顯示亂套，所以直接來了個簡便的通用的方法：，現在才意識到這種方法治標不治本，要做好每個版本的相容需
用心鑽研每個版本的預設設定和私有屬性。
例如以上的問題，ie預設div的高度為15px，如設定小於15px的高度將不會有效果，以ie6為例，解決的辦法如下：
1. 加乙個"font-size: 0;"的屬性設定
2. 加乙個"line-height: 1px;"的屬性設定
3. 加乙個"overflow: hidden;"的屬性設定
font-size 做(ie6)css hack，不然ie8將不顯示，如：*font-size: 0;
1px問題 詳解
當你給乙個div這樣的css樣式後 邊框寬度為1px border height 50px width 50px margin 0 auto background pink margin top 20px border 1px solid red 在手機發現 哎，怎麼有點粗 這就是經典的1px問題，...
1px畫素的問題
之前有學習過這個問題，但是一時之間沒想起來。其實就是沒有徹底弄懂，不然怎麼會想不起來呢 物理畫素 裝置螢幕實際擁有的畫素點。比如iphone 6的螢幕在寬度方向有750個畫素點，高度方向有1334個畫素點，所以iphone 6 總共有750 1334個物理畫素。邏輯畫素 邏輯畫素是乙個抽象概念，是乙...
移動端1px問題
在移動端頁面中設定邊框為1px時，在有的裝置中可能會發現邊框比1px要粗即1培訓1px 1px 裝置畫素比dpr 裝置畫素 css畫素 某一方向上 當dpr為2時1px實際為2px iphone6 dpr為3時1px為3px inphoex 所有看起來1px就會變粗 ios8下已經支援帶小數的px值...