一切福田,不離方寸,從心而覓,感無不通。

使用 CSS 解决 @2x 和@3x 图片问题

移动端开发过程中,因为手机的dpr(设备像素比不同),我们需要根据dpr来修改图标的大小:

使用css通过@media 判断像素比去切换不同照片如下 再通过css预处理器封装为一个公用方法 方便使用

使用 CSS 的 devicePixelRatio 媒查询属性

 

使用stylus 封装公用方法

封装bg-image方法 传入背景图片路径 默认使用@2x图片

 

from:https://blog.csdn.net/qq_39408204/article/details/89602736