文章标题

meta中关于viewport设置的理解

我们知道，meta元素主要用于提供有关页面的元信息。例如<meta name="viewport" content="width=device-width, initial-scale=1.0">，标签meta的name属性把content属性值与其值相关联，用以提供viewport的信息。对于手机浏览器，viewport是一个虚拟的“视窗”，其大小可大于也可小于手机屏幕的物理显示区域。一般手机默认viewport大于物理显示区域，这样不会破坏没有针对手机浏览器优化的网页的布局，用户可以通过平移和缩放来看网页的其他部分。故width=device-width就是把视窗宽度设置为手机的宽度；initial-scale=1.0则设置页面的初始缩放值为1。