CSSでボディサイズを設定しますか？

iPhone用のロック画面テーマを作成しました。それは動作しますが、何らかの理由で私は身体の黒い背景スペースを取り除くことができません。つまり、ロックスクリーンの右端と下端に沿って身体のサイズを変更することはできません。CSSでボディサイズを設定しますか？

私は短いスライドショーを作成しました。本当に：Photobucket slideshow linkです。

ここに関連するHTMLコードと完全なCSSコードがあります。

<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

LockBackground.jpgは街の写真ですか？ – annonymously

また、私はあなたが "バックグラウンド"のdivに結びついたCSSを持っていないことに気づいた – annonymously

きっとあなただけのbody {width:100%; height:100%;}を必要とする私は、彼らが違いを生むだろう場合だけ見るために多くの不必要な「0PXのプロパティを追加したことに注意してください。

これよりも複雑かもしれませんが、私はなぜそうなるのだろうと思います。

img {width:100%; height:100%;}でもお試しいただけます。

出典

2011-12-20 12:27:09 ACarter

ご回答いただきありがとうございます。私は問題が画面サイズが間違っていることが検出されていることに気づいたので、imgとbodyを100％に設定すると、ロック画面が画面の端を越えて伸びます。あなたはこれを解決する方法を知っていますか？ – Daan

次のいずれかを行うことができます。1.試行錯誤。それが完璧になるまで％年齢を調整し続けます。 2. Javascriptを使用してサイズを設定します。これはおそらく、あなたがiPhoneから離れて何かに使っているなら、最良の選択肢でしょう。その1つのiPhoneだけを使用している場合は、オプション1を使用すると、読み込み速度が向上し、よりスムーズになります。 2を選択した場合は、好きなだけそのコードを作成できます。ただ質問してください。 – ACarter

CSSでボディサイズを設定しますか？

答えて

関連する問題