2012-07-24 45 views
4

我已经使用1140px CSS网格(cssgrid.net)编写此页:http://workaday.org/dev/static/1140 CSS电网不工作在iPad

它的重组上750px宽,而不是767px的所有内容,因此它不工作在iPad 。

有人可以请建议我在这做错了什么?


更新:

我改变最大宽度到784px,现在它的工作767px,有知识+的区别。但我目前无法找到理由。

回答

0

你有

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

这不是逻辑给我。这样你就可以变化

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

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

我没有iPad的尝试,所以我不能测试它。

+0

我不明白你的答案,我的页面缩放,所以没有手持设备或屏幕的问题。另外我正在使用已经在各种设备上测试过的网格系统。我的问题是它在750宽度而不是767px上缩放。 – 2012-07-25 05:55:27

+0

关于该更新:您将最大宽度更改为784px,现在它正在工作。我意识到这是为什么。这是因为没有分辨率为767px的设备。它只有768px。所以,如果你把最大宽度:768px而不是最大宽度:784px,我认为它也可以。如果你设置的最大宽度为767px,将只有宽度低于767px的设备才会生效(对不起,我的英文不好) – 2012-07-25 16:13:30

+0

感谢您的建议,我已经尝试过了,并且它不能在784px下工作。然而,cssgrid.net的演示文件在767px下工作正常。 – 2012-07-25 16:16:35