移动端的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/news/165650.html

成都网站建设公司_创新互联，为您提供手机网站建设、全网营销推广、微信公众号、网站维护、虚拟主机、品牌网站制作

广告

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

猜你还喜欢下面的内容

成都定制网站网页设计

网站建设知识

行业建站