iPad的身體尺寸的CSS問題

-1

問題是，它在iPad中查看時。即使樣式表中的人體寬度和高度設置爲1024 x 768，如果它在橫向方向上，它的右側和底部的主體（黑色）的背景（如果它在右側）是縱向的。

任何想法？

2012-02-20 AJ Naidas

在橫向模式下，屏幕爲1024x768，但瀏覽器的頂部欄佔據了部分空間。要將頁面放入剩餘空間（垂直）中，其大小會減小，這樣可以解決一個問題，但會創建另一個問題（右側的多餘背景）。 – jdigital 2012-02-20 05:44:17

2012-02-20 05:41:20

您調查過視口嗎？

如：<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

2012-02-20 05:43:10 Hank

是的，我做過。仍然沒有運氣:( – 2012-02-20 05:56:54

你給了大小1024x766身體。將容器的尺寸放入體內。它爲我工作。可能由於查看端口大小涉及html & body元素。

iPad simulator screenshot

2012-02-20 06:09:46

體{ \t \t 餘量：0汽車; \t顏色：＃aca194; \t背景：黑色; } #container的{ \t寬度：1,024; \t高度：768px; \t背景：白色; }做了你說的，但仍然不工作:(（ – 2012-02-20 06:16:43

opps !!這很奇怪，通過添加這個檢查 – 2012-02-20 06:20:45

這樣做以及...仍然沒有工作......這很奇怪。我的第一個佈局工作正常 - > http://www.imageworkz.asia/TheHatLab2 – 2012-02-20 06:23:43

可以隱藏地址欄（you can find lots of information on this），或者可以將內容的尺寸減小到剩餘的空間（或者你可以做調整，以填補可用空間的佈局）。

2012-02-20 06:14:31 jdigital

回答