在CSS中设置体型?

时间:2011-12-17 20:46:00

标签: css

我刚刚为我的iPhone创建了一个锁屏主题。它有效,但由于某种原因,我无法移除身体的黑色背景空间,即沿着锁屏的右下边缘调整身体大小。

我创建了一个简短的幻灯片,所以你得到了...... Photobucket slideshow link

这是相关的HTML和完整的CSS代码。请注意,我添加了许多不必要的'0px'属性,只是为了看看它们是否有所作为:

<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; }

1 个答案:

答案 0 :(得分:1)

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

它可能比这更复杂,但我想不出它为什么会这样。

您也可以尝试img {width:100%; height:100%;}