0

ここに私のサイトへのリンクがあります: daisy.camorada.com<style>タグ内にこれがあります:

body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}

の情報が上部のナビゲーションバーの後ろに表示されないようにしていますが、下のスクリーンショット画像でわかるように、iPhone でサイトにアクセスすると、上部にパディングが表示されます (問題) ナビゲーションバーを押し下げるので、やりすぎです。

通常のブラウザとiPhoneの両方でナビゲーションバーを上部に表示するにはどうすればよいですか?! 他の .css ファイルとの競合の問題ではないと思います。よろしくお願いします。

iPhone と通常のブラウザの両方のスクリーンショット

4

2 に答える 2

0

問題は、iOSがiOS5までサポートされていないことです。モバイルSafariでの固定ポジショニングをposition: fixed;参照してください。モバイルブラウザにスタイルを選択的に適用するには、いくつかのクエリと一緒に使用する必要があります。position: absolute;@media

于 2012-08-26T17:02:46.897 に答える
0

これは、iPhone のパディングの扱いが異なるためです (/ばかげて)。Body パディングを削除して、次のものに置き換えます。

top:60px;
position:absolute;
于 2012-08-26T17:05:57.840 に答える