移動端1像素邊框問題：
設置一個div的底部邊框為 1px solid #000; 實際表現(xiàn)卻是邊框線是模糊的办成，或者是大于1px的俱病。原因是：不同手機物理像素不同官疲，對應的設備像素比不同，同樣的1pxcss像素亮隙，轉換成物理像素后途凫，尺寸是不同的，所以導致了顯示的差異溢吻。像圖片等的顯示维费，最好的解決方案就是為不同設備像素比的設備準備不同的圖片（@1x @2x @3x）。至于1px邊框促王。有以下幾種方式實現(xiàn)：
- border: .5px solid #000;
- 陰影box-shadow
- 邊框背景圖片：border-image
- 整個元素使用帶邊框的背景圖片
- 轉換中的縮放 scale
- 利用JS根據window.devicePixelRatio分別進行判斷修改根節(jié)點的fontSize犀盟，其他元素以rem為單位
參考：
https://segmentfault.com/a/1190000007604842
http://www.html-js.com/article/Mobile-terminal-H5-mobile-terminal-HD-multi-screen-adaptation-scheme%203041
http://www.reibang.com/p/b880b48fa028（物理像素比較大，邏輯像素杏恰）
設備像素比DPI = 物理像素 / 設備獨立像素DIPs阅畴。
像素密度 PPI ：每英寸上的像素點數，值越大顯示越細膩迅耘。
1px邊框問題.png
