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

Question

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

http://oscarciutat.com/reciclar/home/

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

body {
    min-width: 1044px;
}

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

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

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

提前致谢

Answer 1

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

尝试使用上面的内容，这应该可以使用。

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

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

Answer 2

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