css - 使用 978 网格的 iPad 网站无法正确显示

Question

我在网站上使用了 978 CSS 网格的修改版本，但它无法在 iPad 或 iPhone 上正确显示。页面容器的宽度为 978 像素，宽度为 12 像素的左/右填充 - 这是为了使内部元素在每一侧都有一个小的边距，但保持在 1024 像素的设备宽度内。从理论上讲，这应该正确显示......但事实并非如此。好像页面有点太宽了，我不知道是什么原因造成的。

该网站在这里 - 如果有人能够查看并建议解决方案，那就太棒了！

http://www.trendhfl.co.uk

Answer 1

我想你的意思是 iPad 横向模式，不是吗？尝试使用而不是当前的视口元，这个：<meta name="viewport" content="width=device-width, initial-scale=1">