css - 移动端为什么产生“一像素边框”这个问题?
仅有的幸福
仅有的幸福 2017-05-16 13:28:38
[Android讨论组]

先说下我的想法。
因为retina屏幕的物理像素密度是普通屏幕的2倍。也就是说同样一英寸retina屏幕
用两个物理像素去渲染,而普通屏幕只用一个。至此我认为retina屏幕的物理像素它的大
小是小于普通屏幕的物理像素大小的!不然数值上相等的retina屏幕和普通屏幕相比的话
retina屏幕的面积岂不是普通屏幕的4倍?但现实中iphone并没有比普通手机大啊。所以
我觉得retina屏幕的物理像素是比普通屏幕的物理像素小。


那么问题来了。既然是这样怎么会产生“一像素边框这个问题呢?”虽然retina屏幕使用两个物理像
素去表示一个css像素,而普通屏幕是用一个物理像素去表示一个css像素,但是retina屏幕的物理
像素的大小是普通的二分之一啊。所以他们应该相等才对啊。可是这个问题确实存在,那只能说明我
的想法是错的。可是我又不知道错那,麻烦大牛们能给我解解惑!

仅有的幸福
仅有的幸福

全部回复(2)
仅有的幸福

移动端的像素跟屏幕像素并不是相等的,首先跟缩放比例有关,确认是1.0的话,CSS 可以对应 document.body.clientHeight 和 document.body.clientWidth。
1920 x 1200 的屏幕,document.body 可能只有 480 x 662 的尺寸。

高洛峰

直接用rem布局,这个放大倍数,图片会不会模糊

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号