在CSS中设置主体大小？

我刚刚为我的iPhone创建了锁屏主题。它可以工作，但由于某种原因，我无法删除身体的黑色背景空间，即沿锁定屏幕的右侧和底部边缘调整身体大小。在CSS中设置主体大小？

我创建了一个短的幻灯片，所以你得到..确实：Photobucket slideshow link。

下面是相关的HTML和完整的CSS代码。请注意，我增加了许多不必要的'0像素的属性只是为了看看，如果他们想有所作为：

<body> 
<div id="background"> 
<img src="LockBackground.jpg" width="320" height="480"> 
</div> 

<div id="labels"> 
    <div id="clock">//e.g. 6:12 AM 
    </div> 
    <div id="day">//e.g. Sunday 
    </div> 
    <div id="date">//e.g. 5 Aug 
    </div> 
</div> 
</body>

CSS：

*{ margin: 0px; padding: 0px; border: 0px; } 
    body { background-color: #000; border: 0px; margin: 0px; padding: 0px; position: absolute; font-family: Helvetica Neue; font-size: 50px; color: #fff; width: 320px; } 
    img { border: 0px; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 320px; z-index: 0; } 
    #labels { position: absolute; width: 290px; top: 50%; margin: -0.7em 0 0 30px; } 
    #day { line-height: 0.8; } 
    #date { position: absolute; margin-top: 18px; line-height: 0.6; }

来源

2011-12-17 Daan

很难看出究竟是什么不知道它应该看起来像什么 – annonymously 2011-12-17 20:54:33

LockBackground.jpg是城市的图片？ – annonymously 2011-12-17 20:55:13

另外，我jst注意到你没有任何css连接到“背景”div – annonymously 2011-12-17 20:56:28

当然，你只需要body {width:100%; height:100%;}。

它可能比这更复杂，但我想不出为什么会这样。您也可以尝试img {width:100%; height:100%;}。

来源

2011-12-20 12:27:09 ACarter

感谢您的回复。我注意到问题是检测到错误的屏幕尺寸，所以当我将img和body设置为100％时，它会将锁屏延伸到屏幕边缘之外。你知道如何解决这个问题吗？ – Daan 2011-12-22 18:39:46

你可以：1.试错。继续调整％年龄直到完美。 2.使用Javascript来设置大小。这可能是最好的选择，如果你打算使用iPhone之外的任何东西。如果您只使用那一个iPhone，选项1将使其加载速度更快，并且更平滑。如果你选择了2，我可以根据你的喜好编写代码，只需问一下。 – ACarter 2011-12-22 18:48:08

在CSS中设置主体大小？

回答

相关问题