設計iPad網站

Question

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

首先，我的計划是：事實： -iPad具有1024x768屏幕-可視的（FOLD）肖像為916，陸地為660。 我對此信息不確定，因為這么多頁面包含不同的信息。 （在某處也讀過952，所以如果您使用Ipad，請使用標准SAFARI設置確認正確的數字）

我的計划：

我的設計計划是一個很長的一頁網站。 例如-一個五個菜單頁面（這意味着我在另一個菜單下有5格）-每個菜單都是一個電影Qube-訪客總是看到一個菜單，所以一個電影Qube

我的問題：

在iPad上哪種尺寸正確？
如何適合我的DIV尺寸（高度）以始終適合屏幕？ 如果可能，則：-導致此問題在PC上查看嗎？ （因此，僅當瀏覽器代理為iPad時，我才需要使用此設置嗎？）

感謝您的任何建議。

Answer 1

如果您無權使用iPad進行測試，則最好查看模擬器。 類似於以下內容： http : //ipad-emulator.org/

請記住，雖然Safari並不是iPad上唯一可用的瀏覽器，所以您根據該尺寸做出的任何尺寸估算都可能不適用於其他瀏覽器。

Answer 2

如果您想使該網站在桌面瀏覽器和iPad上都可訪問，則建議您使用CSS媒體查詢來構建您的網站。 它允許您根據瀏覽器大小來更改站點。

語法非常簡單，這是一個示例：

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

當屏幕介於250像素和443像素之間時，它將在其中應用樣式。 只要將媒體查詢保留在CSS文檔的底部，您就會覆蓋其他屬性。 這樣做的好處是您可以通過調整瀏覽器窗口的大小來對其進行測試。