我有一个由我设置为显示在页面底部的图像触发的模态，如下所示:
.modal-dialog {
bottom:0;
position:fixed;
width:100%;
pointer-events:none;
}
这在桌面浏览器和 safari 上运行良好，但在 chrome 和 firefox mobile 上显示在顶部。
有人知道是什么原因造成的吗？
提前致谢
最佳答案
把它放在你的 html 页面上的 head 标签里
<meta name="viewport" content="width=device-width, initial-scale=1">
关于html - 模态在移动浏览器上的显示方式不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51541782/