不太懂高清屏会出现1px问题?

小木
  • 295

移动端开发的时候都需要考虑解决1px问题,但是不太理解.

这篇文章([前端移动端适配总结](https://segmentfault.com/a/1190000011586301):有句话:"在不同的屏幕上,无论是普通屏幕还是retina屏幕,**css像素所呈现的大小是一致的**。(如果不理解这句话,可以写一个2px的正方形使用谷歌控制台移动设备调试,在不同的设备之间来回切换,你会发现大小其实是一样的。一开始我总以为这个css像素的实际宽高因为受到dpr的影响而在不同设备上的长宽是不一致的。)"

那么不就是不存在1px问题.不管1px(css像素)在不同屏幕上对应2个,还是3个物理像素,它们呈现的大小是一样的,就不会出现变粗问题.
所以该怎样理解这个1px问题?

回复
阅读 1.1k
2 个回答

“1px”指的是希望用一个物理像素来显示边框,但是在retina屏下却被显示成了1个css像素,宽度为多个物理像素,因此变粗了

一个是逻辑像素一个是物理像素 css1px是逻辑像素,对应的物理像素是dpr*逻辑像素,所以,真正的1px想要的其实是1物理像素,而不是1px逻辑像素

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏