html - 有没有可以用来确保我的网站缩小以适应 iPad 视口的元标记？

Question

基本上我现在有一个宽度为 940px 的网站，目前我只需要在 iPad 上查看这个网站，同时我开始添加媒体查询来为每个设备定制网站。是否有我可以使用的元标记，以便我的网站在 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 的屏幕。在添加媒体查询之前你应该没问题。