白色 space 在移动设备上的模态下方
White space below modal on mobile devices
我有一个弹出模式,里面有一个可以在桌面浏览器上正确显示的表单。在移动设备上,它会填满整个屏幕,但在内容结束后会在下方显示白色 space。当您向上滚动时,白色 space 会遮挡部分内容。我无法检查此元素,也没有在文档大纲中看到它。
看起来像这样:
如何删除空白 space?
也许这是 Clearfix 的问题?
在移动设备上打开模态时阻止正文滚动解决了这个问题。
@media screen and (max-device-width: 600px) {
body.modal-open {
overflow: hidden;
}
}
我有一个弹出模式,里面有一个可以在桌面浏览器上正确显示的表单。在移动设备上,它会填满整个屏幕,但在内容结束后会在下方显示白色 space。当您向上滚动时,白色 space 会遮挡部分内容。我无法检查此元素,也没有在文档大纲中看到它。
看起来像这样:
如何删除空白 space?
也许这是 Clearfix 的问题?
在移动设备上打开模态时阻止正文滚动解决了这个问题。
@media screen and (max-device-width: 600px) {
body.modal-open {
overflow: hidden;
}
}