モバイル デバイス (iPhone 5) に表示されない背景画像を含むヘッダーといくつかの div があります。次に例を示します。
CSS:
#title_img {
background: url("title.png") no-repeat scroll center top / 100% auto transparent;
height: 125px;
}
私が取り組んでいるサイトはレスポンシブなので、ウィンドウ サイズを小さくすると、ヘッダーの高さのサイズが小さくなります。
#title_img {
height: 80px;
}
HTML:
<header id="title_img" role="banner"></header>
画像があるべき空白のスペース。
デバイスに表示されない背景画像を表示するために、同様の CSS を使用する div もいくつかあります。画像はすべて CSS ファイルと同じディレクトリにあります。HTML 内のタグを介して呼び出される 1 つの画像があり、iPhone で正常に表示されます。ありがとう！