在做微信相关的页面时,最初大段内容只能显示在靠左的部分区域,无法满屏显示,研究了一下发现需要设置以下viewport。

viewport的meta标签用于控制手机浏览器窗口的比例和逻辑尺寸。以下为viewport这一meta标签属性的选项:

width: viewport(可视窗口)的宽度用px。它同样可以用device-width 值来表示可视窗口应当是当前设备的宽度。

height: 可视窗口的高度用px. 就像宽度一样,它能得到设备的高度值来作为可视窗口高度。

initial-scale : 设置可视窗口的初始缩放比例。值1.0 显示的是未缩放网页。

user-scalable : 指定用户是否可以手动缩放网页(放大或缩小)。可以得到“是”或“否”值。

maximum-scale 或 minimum-scale : 设置网页的最大或最小的缩放(允许用户缩放到的最大比例)。可获得值0.25–10.0之间。

The viewport 的meta tag能够帮助网页开发人员去展示 他们所建的网页,为mobile设备优化。很多新设备都支持它,包括: iOS, Android, webOS, WP’s IE浏览器,还有更多。如果想更深层次的了解the viewport 的meta tag,你可以去这个链接看看这里