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

回答