新しいコードのベースとして、モバイル デバイスの Bootstrap モーダルにこの修正を使用しました。
bootstrap-responsive.css
.modal {
position: fixed;
top: 3%;
right: 3%;
left: 3%;
bottom:3%;
width: auto;
margin: 0;
}
.modal-body {
height: 60%;
}
ブートストラップ.css
.modal-body {
max-height: 350px;
padding: 15px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
問題は、モーダルの下部に余分なスペースができることです。
このスペースを削除するにはどうすればよいですか?
問題を示すフィドルを作成しました。
幅 480 のこのフィドルでブラウザの高さを変更してみてください。モーダルフッターは下部に固定する必要がありますが、そうではありませbottom:3%
ん。画面が反応しない.modal
.modal