2021-6-8

一、1px问题

原因:DPR(一倍屏、二倍屏......)

解决:伪元素+scale缩放

二、高清屏幕下图片失真问题

解决:

方法一

<img src="1x.png"  srcset="2x.png 2x,3x.png 3x">


方法二

js根据DPR动态修改图片资源


方法三

背景图 -webkit-img-set(url() 1x,url() 2x,url() 3x)

三、rem适配

规则:PC端,最小像素是12像素,移动端字体大小最小是8橡塑

您已经阅读00:00:00欢迎留言评论,喜欢的话就为作者点个赞或者赏颗糖吧! 分享