在使用视窗宽度vw时，需要加入一个
<meta>标签，这个标签究竟起什么作用，如果不加对网页有何影响呢？
什么是viewport？
vieport是用户在网页上的可见区域。
什么是meta？
w<meta>是HTML5中引入的一种使设计人员标记控制vieport的标签。
为什么要加入<meta>，不加会有什么影响？
vieport随设备而异，并且在移动电话上会比在计算机屏幕上小。
在平板电脑和手机之前，网页仅设计用于计算机屏幕，并且网页具有静态设计和固定大小是很常见的。
然后，当我们开始使用平板电脑和手机上网时，固定大小的网页太大，无法容纳视口。要解决此问题，这些设备上的浏览器会按比例缩小整个网页以适合屏幕大小。这样用户的观看体验会比较差！这不是完美的！
如何使用 <meta>？
1 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
<meta>标签是如何控制网页的尺寸和缩放浏览器的说明。
width=device-width部分将页面的宽度设置为跟随设备的屏幕宽度（视设备而定）。
initial-scale=1.0部分设置浏览器首次加载页面时的初始缩放级别。
