1、viewport

<meta name="viewport" content="width=414,initial-scale-1.0">的目的是设置视口(body)元素宽度。为什么要设置视口(body)元素的宽度？body继承document宽度，document由viewport来设置。

假设我现在有两个div，每个div宽度400px。如果视口是980px，那么两个div在同一行显示，如果视口是414px（iPhone X的device-width），那么两个div分别占两行

2、不设置viewport

默认情况由手机厂家设置，比如iphone默认是960px。

3、设置viewport为device-width

那么vieport(body)就和屏幕宽度一致，比如iPhoneX，那么body就变成了414px。

4、initial-scale

视口宽度 = device-width/initial-sclae

问题：同时出现initial-scale和width怎么办？不同浏览器的策略不同，比较多的策略是取较大值。