通过rem自适应屏幕尺寸

常用的前端单位

• px

  px就是pixel的缩写，设备分辨率，物理像素

• pt

  pt就是point的缩写，逻辑分辨率，逻辑像素

• em

  参考物是父元素的font-size，具有继承的特点

  如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值

• rem

  css3新单位，相对于根元素html（网页）的font-size

• vw

  css3新单位，viewpoint width的缩写，视窗宽度，1vw等于视窗宽度的1%

  浏览器宽度1200px, 1 vw = 1200px/100 = 12 px。

• vh

  css3新单位，viewpoint height的缩写，视窗高度，1vh等于视窗高度的1%

  浏览器高度900px, 1 vh = 900px/100 = 9 px

iPhone的屏幕尺寸规格

rem的使用

设置header内的标签

<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

设置header内的

标签：视窗,分辨率,尺寸,rem,屏幕,font,px,size
来源： https://www.cnblogs.com/by0627/p/16061477.html