2012-07-24 64 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