H5

目录 1.背景 在iPhoneX发布后，许多厂商相继推出了具有边缘屏幕的手机。 首先，safe-area只针对iOS系统。 在iPhone X横空出世之后，带来了两个创新性的设计，即：上面的刘海屏，下

在设备像素比大于1的屏幕上，我们写的1px实际上是被多个物理像素渲染，这就会出现1px在有些屏幕上看起来很粗的现象。 dpr= 2；1 => 4 dpr = 3: 1 => 9 解决方案 设置view

1 rem方案 ​原理 使用理想视口和1/dpr的缩放，使视口的宽度等于设备物理像素。（解决1px问题）。 依照某特定宽度设定rem值，用作需要等比缩放的元素。（可以理解为按照屏宽的特定比例布局） 一

一、像素 1.1 像素 设备像素（DP）单位pt = 物理像素 （绝对单位）--设计师按照这个设计 CSS像素（设计稿）单位px = 逻辑像素(是一个相对单位也叫 设备独立像素） 设备像素比（DPR）

1.请先阅读SVG基础知识： https://segmentfault.com/a/1190000015652209 http://www.ruanyifeng.com/blog/2018/08/sv