我是否可以使用元标记来确保我的网站缩小以适应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" />

Answer 2

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

我在所有移动网站都使用此功能。

Answer 3

iPad的屏幕为1024x768。在添加媒体查询之前你应该没事。