Web/モバイル アプリケーションにブートストラップのモーダルを使用しています。そして私の意図は、モーダルがトリガーされたときにモバイル画面全体でいっぱいになるようにすることでした。モーダルを「フルサイズ」にするカスタム css を追加しました。
.modal {
&.full_size {
top: 0;
bottom: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 100%;
}
}
ただし、携帯電話では、全画面モーダルが表示されていることは確認できましたが、コンテンツの高さが画面よりも大きい場合、全画面モーダルから「オーバーフロー」するコンテンツを表示できないようです。高さがあると、下にスクロールして残りのコンテンツを見ることができなくなります。
モーダルですべてのコンテンツをスクロールして表示できるようにするには、どうすればこれを解決できますか?