两段话搞清楚1px问题在说什么

164 阅读1分钟

说到1px问题,很多文章都是开始长篇大论的将css像素,css物理像素,css逻辑像素。之后开始讲我们要画一条1px物理像素的线等等.....看完后还是摸不着头脑。

我们在进行移动端开发的时候,如果设计稿尺寸是750px的。 如果一个元素设计稿中标的是20px,那我们实际书写css时 需要写成10px。(iphone6设备宽度就是375px, 写个宽度375px的div正好 可以横向充满屏幕)。如果此时设计稿中标注了一个 1px的元素。那我们就就需要书写为 0.5px。 但是写成0.5px还是会显示成1px(就简单的认为不能识别小数单位的元素吧)。 此时就出现了1px问题。

如果设计稿是 375px。设计稿标注多少像素 我们在书写的时候就写多少像素。 如果此时设计标注是0.5px。那就出现了如何画一条 0.5px的线问题。 跟上面1px问题是一个情况。