爲iPad設計網站

Question

我需要一些關於如何爲Apple iPad設計網站的建議。

首先所有的事實，和我的計劃： 事實： - iPad擁有1024×768的屏幕 - 可視是（倍）處於縱向916和660的土地。我不確定這個信息，'因爲有很多不同的信息頁面。 （閱讀952太某個地方，所以如果你有IPAD，請確認與標準的Safari設置正確的號碼）

我的計劃：

我的設計方案是一個很長的一個頁面的網站。 例如 - 五個菜單頁面（這意味着我有5格逐個下） - 每一個菜單是薄膜QUBE - 遊客總能看到一個菜單，讓一個電影QUBE

我的問題：

• 這是iPad上的正確尺寸嗎？
• 如何適合我的DIV尺寸（高度）始終適合屏幕？ 如果這可能比： - 導致這在PC上查看任何問題？ （所以我只有在瀏覽器代理是iPad時才需要使用此設置？）

謝謝您的任何建議。

Answer 1

如果您無法使用iPad進行測試，那麼最好查看模擬器。一些沿線的：http://ipad-emulator.org/

請記住，雖然Safari不是唯一可用於iPad的瀏覽器，並且基於此的任何尺寸估計可能不適用於其他瀏覽器。

否則，谷歌是你的朋友： How to fit your website for the Apple iPad

Answer 2

如果你試圖使網站既桌面瀏覽器和iPad訪問，我會建議使用CSS媒體查詢構建您的網站。它允許您根據瀏覽器大小更改網站。

http://www.w3.org/TR/css3-mediaqueries/

的語法很簡單，這裏有一個例子：

@media screen and (max-width:443px) and (min-width:250px){ 
    .class{} 
    #id{} 
} 

其工作原理是當屏幕是250像素和443px之間它applys內它的樣式。只要您將媒體查詢保留在CSS文檔的底部，您將覆蓋其他屬性。這樣做的好處是，您可以通過調整瀏覽器窗口大小來測試它。