公司的設計師在做設計圖的時候都是以iphone6（寬為750物理像素）為基准進行設計的。iphone6的設備像素比（即css像素與物理像素的比例）是2，所以設計師在設計圖畫了邊框為1px的box的時候，相對於css代碼來說就是0.5像素。 設計師的設計稿是375*2和667 ...

...

例子 一倍屏：1物理像素 = 1px二倍屏：2物理像素 = 1px三倍屏：3物理像素 = 1px為什么要有二 ...

本文原鏈接：https://www.jianshu.com/p/fa670b737a29 移動端1像素邊框問題   對於前端開發者來說，要處理這個問題，必須先補充一個知識點，就是設備的 物理像素[設備像素] & 邏輯像素[CSS像素] 物理像素 ...

基礎概念 dpi 每英寸所含有的像素點的個數。 物理像素 移動設備出廠時，就具備的分辨率，小米5 1920x1080 iphone6 1334x750 邏輯像素 Give your page a <meta name="viewport" content ...

一.思路 普通的1px黑色實線邊框： 半像素邊框當然不是簡單地把1px改為0.5px（沒測試過，可能會被解析成1或者0），border-width的值只能是自然數 類似的，outline, box-shadow等等也沒有辦法畫出0.5px的細線 常規思路是不可行 ...

公司的設計師在做設計圖的時候都是以iphone6（寬為750物理像素）為基准進行設計的。iphone6的設備像素比（即css像素與物理像素的比例）是2，所以設計師在設計圖畫了邊框為1px的box的時候，相對於css代碼來說就是0.5像素。 對於這個問題，最直觀的方法就是css直接 ...

一倍圖：設計稿320px 原名.png。二倍圖：設計稿640px 原名@2x.png三倍圖：設計稿750px 原名@3x.png ...