css - 宽度为 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 --->

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

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

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