ウェブサイトのモバイル版を作成していますが、ページの下部に大きなスペースがあります。私はそれを取り除くためにできる限りのことを試みましたが、膨らむことさえありません. この問題を解決する方法に関する提案。リンクはこちら
私は次のようなものを試しました
body {
margin-bottom: -25px;}
それでもうまくいきませんでした。
ウェブサイトのモバイル版を作成していますが、ページの下部に大きなスペースがあります。私はそれを取り除くためにできる限りのことを試みましたが、膨らむことさえありません. この問題を解決する方法に関する提案。リンクはこちら
私は次のようなものを試しました
body {
margin-bottom: -25px;}
それでもうまくいきませんでした。
いくつかの実験の後、以下の CSS の行で問題を解決しました。
#footer {
color:#FFC;
height:40px;
position:fixed;
border-top: solid 1px #FFC;
padding: 0;
bottom: 0;
}
#page {
text-align: center;
border-bottom: solid 1px #FFC;
height: auto;
padding: 0;
bottom: 0;
}
データロール フッターに #footer という ID を付けました
はい、固定位置のフッターが最適です。
<div data-role="footer" data-position="fixed">
<a href="#" data-rel="back">OK</a>
</div>