Css 防止Modal在移动设备上上上下移动? ❮ ❯
我正在使用一个引导手机制作一个灯箱画廊。在手机上,当用户刷卡时,模式会上下跳跃。如何修复它?您可以尝试修复它在特定于移动视图的媒体查询中的位置:Css 防止Modal在移动设备上上上下移动? ❮ ❯,css,bootstrap-4,Css,Bootstrap 4,我正在使用一个引导手机制作一个灯箱画廊。在手机上,当用户刷卡时,模式会上下跳跃。如何修复它?您可以尝试修复它在特定于移动视图的媒体查询中的位置: <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered justify-content-center" id="modalInner" role="document">
<div id="innerContentWrapper">
<a class="prev">❮</a>
<a class="next">❯</a>
<div id="innerContent"></div>
</div>
</div>
</div>
@media only screen and (max-width : 768px) {
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
}
}