0

私はページhttp://www.rhemapress.pl/www_physis/index.php?id=1を作成しています。ご覧のとおり、ヘッダーの背景は幅 100% (オレンジ) です。の最初の要素です<body>。このコードは次のとおり<div id="header"></div>です。この要素の CSS は次のとおりです。

#header {
width: 100%;
height: 174px;
background-image: url("img/top-line.jpg");
position: absolute;
z-index: 6; 
margin: 0px 0px 0px 0px;
}

MacのSafariでOKです。iPad で Safari を使用すると、ヘッダーが正しく設定されません。幅が 100% ではありません。

問題はどこですか？手伝ってくれませんか？

4

3 に答える 3

0

追加してみてください

<meta name="viewport" content="width=device-width, initial-scale=1.0">

あなたに<head></head>

于 2012-11-08T20:25:47.500 に答える
0

あなたのコードを見て、メタビューポートタグが必要だと確信しています..

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
于 2012-11-08T20:23:28.783 に答える
0

回答ありがとうございました。これを正しく行うことはできないと思いますが、間違っている場合は正解で回答してください。#header背景を<body>CSS でに移動し、 を設定しrepeat-xました。現在は正常に動作していますが100% width、ノートブックやモバイル デバイス (iPad) の要素の問題は解決していません。

于 2012-11-08T21:03:07.903 に答える