私はcssを介してフッターを呼び出しているモバイルWebサイトを持っています。これにより、ロード時に常に携帯電話の画面の下部に留まり、スクリーンをスクロールした場合も同様です。いくつかのデバイスで動作しますが、samsung galaxy s2 と iphone で問題が発生し、スクリーンの底から少し離れたところにぶら下がっています。
鮮明な画像を提供するためにスクリーンショットを添付しています。
問題について何か考えはありますか？
編集：
CSS コード:
footer {
position: fixed;
bottom: 0;
width: 100%;
z-index:3;
}
HTML コード:
<footer>
<nav>
<ul>
<li>
<a href="@Url.Action("Index", "Sell")" style="color:White; font-weight:bold; font-size:11px;">Sell </a>
</li>
</ul>
</nav>
</footer>
これはすべての主要なブラウザーと携帯電話で機能しますが、Iphone、Ipad では問題があります。これを検索したところ、Iphone (Iphon5 より前) はposition:Fixedプロパティをサポートしていないことがわかりました。そのため、"position:absolute"を使用してみましたが、成功しませんでした。Position:staticを使用すると、画面ではなくページの下部にフッターが配置されます。
Iphone & Samsung Galaxy Y & その他の携帯電話でこれを解決するためのアイデア。
ありがとう