公司的设计师在做设计图的时候都是以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 ...