我是否可以使用元标记来确保我的网站缩小以适应iPad视口？

Question

基本上我现在有一个宽度为940px的网站,目前我只需要在iPad上查看这个网站,同时我开始添加媒体查询来为每个设备定制网站.我可以使用meta标签,以便我的网站在iPad上缩小吗？

Answer 1

我会用这个:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" />

请参阅developer.mozilla.org/en/Mobile/Viewport_meta_tag/.

它将宽度和高度设置为设备的宽度和高度,将初始缩放设置为1,将最大缩放设置为1(因此使页面不可缩放).

编辑:如果您希望页面仍可缩放,请删除maximum-scale=1:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" />