摘要: 一、伪类 + transform 基于 media查询判断不同的设备像素比对线条进行缩放: 这种方式可以满足各种场景,如果需要满足圆角,只需要给伪类也加上 border-radius即可。 二、SVG 借助 PostCSS的 postcss-write-svg我们能直接使用 border-image 阅读全文
posted @ 2019-10-28 11:55 PYiP 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 为了保证图片质量,我们应该尽可能让一个屏幕像素来渲染一个图片像素,所以,针对不同 DPR的屏幕,我们需要展示不同分辨率的图片。 1、media查询 使用 media查询判断不同的设备像素比来显示不同精度的图片: 此方案只适用于背景图 2、image-set 此方案只适用于背景图 3、srcset 使 阅读全文
posted @ 2019-10-28 11:54 PYiP 阅读(2213) 评论(0) 推荐(0) 编辑