移动端的1px问题

2022-06-10    分类： 网站建设

移动端不同尺寸设备dpi不同，会造成1px线条不同程度的缩放，
可利用媒体查询device-pixel-ratio，进行不同情况匹配：

@media（-webkit-min-device-pixel-ratio:1.5）,(min-device-pixel-ratio:1.5){//dpi:1.5

.border-1px:after{

-webkit-transform:scaleY(0.7);

transform:scaleY(0.7)

}

}

@media（-webkit-min-device-pixel-ratio:2）,(min-device-pixel-ratio:2){//dpi:2

.border-1px:after{

-webkit-transform:scaleY(0.5);

transform:scaleY(0.5)

}

}

网站标题：移动端的1px问题
文章源于：https://www.cdcxhl.com/news0/165650.html

成都网站建设公司_创新互联，为您提供电子商务、网站内链、软件开发、App开发、做网站、外贸网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

手机网站建设

网站建设知识

分类信息网