移动端不同尺寸设备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)
}
}
重庆网站制作分析网站独立IP与共享IP区别百度快照推广搜索引擎给以网站排名与内容、要害词难易水平息息相关企业怎么才能运营好微信小程序?有哪些技巧和方法?熊掌号出现错误怎么处理网站改版中的SEO要注意哪些问题?设计网站的起点不应该着眼于网站效果企业网站建设关键点_企业网站制作怎样才能让网站设计更完美?