移动端1px的问题

来源：6-2 移动端概念及UI设计稿尺寸

内六角

2022-04-16

老师，一直想不通为什么大家一直讨论的只有1px会变粗呢？我的理解是不同设备，根据设备像素比一个逻辑像素用多少个物理像素展示这也是针对所有的像素，假设像素比为2那10px用20个物理像素，1px用2个物理像素，这不都是正常行为吗，为什么单单就说1px粗呢，10px不也一样吗，没明白到底怎么粗了，这个粗到底是和谁比显得粗了？

写回答

1回答

西门老舅

2022-04-16

你好，是这样的。首先你可以把这一章先看完，然后你就知道，设计稿在PS中量取20像素的时候，在编写CSS的时候是写10像素。那么设计稿在PS中量取1像素的时候，其实在编写CSS的时候是0.5像素才对。但是以前浏览器不支持0.5像素（现在是支持的），所以当时不支持0.5的话，大家就随意的写1px，这样对应设计稿里其实是2个像素。那么看起来就比设计稿的要粗一些。现在已经不存在1px变粗的情况了，因为已经支持0.5px了

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

760 学习 · 239 问题

查看课程

相似问题

逻辑像素是移动设备独有的吗？

回答 1

您好，西门老师，请问目前主流在PC和移动端设计图设计尺寸大小

回答 1

如何进行PC端和移动端的转换

回答 2

是只有移动端才需要除于2吗？

回答 1

做响应式不需要考虑移动端css单位会两倍放大的情况吗？

回答 1

打开慕课网App查看更多内容