問題： 前端ui工程師有強迫症，非得把手機端的線條弄的最細。
分析：由於移動端頁面普遍不允許縮放，所以設定viewport=1相關的scale也都設定為1，倒置在手機瀏覽器的顯示時其實是有devicepixelratio=2 或=3 這樣的放大的，所以普通**border=1px，在裝置上實際上會顯示為2px或3px。看上去確實比較粗壯。
解決：參考網上實現，最終選擇了使用：before after偽類新增線條然後使用transform（）方法進行縮放。幸虧設計師的線條大多只有兩個邊框，要是4個都有則**量和實現難度就大很多了。
發現：在使用偽類時發現 li:last-child:after{} 這樣的偽類組合使用方式依然有效，後面測測相容性怎麼樣：
參考網上部分方法： 鏈結為：
移動端1px問題處理方法
在做移動端開發時，設計師提供的視覺稿一般是750px，當你定義 border width 1px 時，在iphone6手機上卻發現 邊框變粗了。這是因為，1px是相對於750px的 物理畫素 而我們定義的1px是相對於375px的 css畫素 實際上應該是border width 0.5px 解決方...
移動端1px實現
新增css 1px邊框時，在手機上顯示為粗線，解決辦法就是利用偽類設定1px邊框，然後根據裝置畫素比進行y軸的縮放，使其表現為真正的1px.stylus的語法 1.定義乙個函式。找到要加1px的標籤，新增定位和偽類。border 1px color position relative after d...
移動端1px問題
在移動端頁面中設定邊框為1px時，在有的裝置中可能會發現邊框比1px要粗即1培訓1px 1px 裝置畫素比dpr 裝置畫素 css畫素 某一方向上 當dpr為2時1px實際為2px iphone6 dpr為3時1px為3px inphoex 所有看起來1px就會變粗 ios8下已經支援帶小數的px值...