html5默认允许用户缩放页面。如果禁止缩放，我们需要设置user-scalab:m
一、什么是大众pxr:是相对视口宽度。1vw1%*视窗宽度。换句话说，一个视口是100vw。
2.px:px应该是css中最常用的单位。px是屏幕设备可以物理显示的最小点。这个点不是固定的宽度，而是一个相对的长度单位。在桌面浏览器中，一个像素往往是面向电脑屏幕的物理像素，但在移动端，随着视网膜屏幕的普及，分辨率有所提高。css中的1px不等于设备的1px。比如苹果三代手机，分辨率是320x480。苹果s的四款手机都变成了640x960，但是苹果的实际屏幕尺寸s四手机一直没换。此时，一个css像素等于两个物理像素。
是相对单位，相对于html的字体大小。
在4.:所有的现代浏览器中，默认的字体大小是16px。这个时候1:。
100px100vw/19.21红色
所以:
1内存5.208vw.
这时，我们只需要设置html的根元素:
font-siz:5.208大众就够了。
2.同理，在手机端，我们假设设计稿是基于750px，那么:
100瓦750像素
1vw7.5px
我们需要:100像素
所以:
100px100vw/7.51红色
所以:
1内存13.33vw
.jpg)
