做移动端页面开发时，我们是按照UI设计图上的尺寸来做的。
比如说，UI给的图是750x1344（Iphone6标准），我们在浏览器做适配时，按照375x667来裁切，设计图上30像素的高度，开发时使用的是15px，这是因为Iphone6的设备像素比为2，css中的1px在设备中的像素为2px。当我们需要实现设计图中1px高度的边框时，在css中的1px实际上变成了2px边框，由此产生了1像素边框问题。比如说，UI给的图是750x13
阅读背景：
移动端1像素边框问题与CSS媒体查询
来源：互联网
分享到：
