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问题
文章源于:/news0/165650.html
成都网站建设公司_创新互联,为您提供电子商务、网站内链、软件开发、App开发、做网站、外贸网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容