css - 宽度为 1044 像素的网站不适合 iPad

Question

我正在使用 WordPress 开发一个网站。该站点居中，宽度为 1044 像素。在桌面浏览器上，一切都按预期工作，但是当我在 iPad 上检查时，设计在右侧被截断（使用 iPad 方向），我必须滑动才能看到所有内容。

我添加了这个 CSS 规则但没有成功：

body {
    min-width: 1044px;
}

如果我添加以下元标记，问题会恶化：

<meta name="viewport" content="width=device-width" />

关于我在这里做错了什么的任何想法？我尝试的每个解决方案都不起作用。

提前致谢

score 2 · Accepted Answer

<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- You can change the initial-scale to make it fit --->

尝试使用上述方法，这应该可以正常工作。

如果没有，您可以对 iPad 屏幕分辨率使用 CSS 媒体查询

@media (max-width: 1024px) {  
  YOUR CSS TO REDUCE WIDTH OF SITE
}

score 0 · Accepted Answer

iPad3 确实具有更高的分辨率，但它们都使用 1024x768 作为视口。这就是为什么它不适合。

2 回答 2