1140 CSS 网格在 ipad 上不起作用答案

【问题标题】：1140 CSS Grid not working on ipad1140 CSS 网格在 ipad 上不起作用
【发布时间】：2012-07-23 00:08:37
【问题描述】：

我已经使用 1140px CSS Grid (cssgrid.net) 来编码这个页面：http://workaday.org/dev/static/

它将所有内容重组为 750px 宽度而不是 767px，因此它无法在 iPad 上运行。

有人可以建议我在这方面做错了什么吗？

更新：

我将最大宽度更改为 784px，现在它在 767px 上工作，有 17px 的差异。但到目前为止我无法找到原因。

【问题讨论】：

【解决方案1】：

你有

@media handheld, only screen and (max-width: 767px)

这对我来说不合逻辑。所以你可以尝试变体

@media only handheld and (max-width: 767px)

或

@media handheld and (max-width: 767px)

我没有 iPad，所以无法测试。

【讨论】：

我不明白您的回答，我的页面正在缩放，因此手持设备或屏幕没有问题。此外，我正在使用已经在各种设备上测试过的网格系统。我的问题是它在 750 宽度而不是 767 像素上缩放。
关于该更新：您将 max-width 更改为 784px，现在它可以工作了。我明白为什么会这样。这是因为没有分辨率为 767px 的设备。它只有 768 像素。因此，如果您将 max-width:768px 改为 max-width:784px，我认为它也会起作用。如果您将 max-width 设置为 767px，这只会影响宽度低于 767px 的设备（对不起，我的英语不好）
感谢您的建议，我已经尝试过了，但它在 784 像素以下不起作用。但是 cssgrid.net 的演示文件在 767px 上运行良好。