1px究竟有什么问题？
高清屏的2个物理像素应该和标准屏实际物理宽度一样的吧？那么布局上应该没有变化呀。直观感受上无非就是把所有原来一个像素的面积上田字切成四格。但是我看了实际的案例，视觉上高清屏的确厚重一些，那么可以理解为1px边框问题其实是由于相同狭小空间上原来画一笔变成画两笔，视觉上的浓淡变化让人感觉是变粗了？如果以上理解是正确的话，那么当真设计稿里有一个比如20px粗的边框，那么换到高清屏上可能觉得颜色鲜亮一些，但却不会觉得变成标准屏上的两倍宽。
正在回答
同学你好，问题解答如下：
1. 设计稿不都是750px的，也有375px的。
2. 750的设计稿使用较多，是因为750px的稿子与手机分辨率是对应的，此时图片在html页面上看着会更清晰。对于该点，了解一下即可，这涉及到图像的展示问题，不属于我们的知识范围了。
3. iphone6在设计时，屏幕视口宽就设计成了375，在不缩放视口时，html的宽度是和视口一样的。而分辨率也是设计时就确定好的，所以就出现了html和分辨率不一样，而这些都是设备设计人员出于某种考虑决定的，我们也改不了。
此处，同学只要大概了解一下如何实现适配即可，如果想知道更多关于适配的深层问题，可以在有了开发经验之后，作为兴趣点，自己扩展一下。
祝学习愉快！
同学你好，问题解答如下：
1. 1px问题主要是指设计稿上的1px，与页面上的1px视觉效果不对应（针对iphone这种高清屏），页面上的1px看着会厚重一些（粗一点）。主要原因在于，设计稿通常是以iphone6作为参考进行设计的，并且设计稿的宽度是750px（iphone6的分辨率），如果不考虑dpr的话（不缩放initial-scale），iphone6的html宽度会是375px，此时页面上的1px，就是设计稿的两倍，所以看着粗。即比较的时候，需要把375px的html放大成750px（让html与设计稿等宽才有比较性），放大后，html(375px)上的1px，就是设计稿上的1px的2倍。
2. 同宽度时，高清屏的2个物理像素的确是和标清屏的一个1个物理像素等宽，但是我们这里比较的是高清屏（iphon6）下，两种适配方案的差别，即普通适配方案会存在1px问题，而通用适配方案可以解决1px问题，并且是对比页面与效果图，不要搞混。
3. 如果设计稿上元素是20px宽，那么如果在html是375px的页面上也设置20px的话，那么效果肯定是有差异的，将375px的html放大成750px，之前的20px就会是40px，会比设计稿上的粗。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星