javascript - 如何防止 Mobile Safari 裁剪网页底部？

Question

我目前正在为我的网站制作一个临时的“正在 build 中”页面，其中内容将在 body 元素上的全高框中滚动，该元素设置为 100vh 并被边距包围以提供类似“页面边框”的效果。

但是，在 Mobile Safari 上进行测试时，我发现页面的底部边框被裁剪掉了，主要的 body 元素最终会变成可滚动的，而不仅仅是其中的内容包装器。

如何让网站的底部区域出现在 Mobile Safari 的视口(viewport)中？

Answer 1

您必须在 css 文件中提及有关不同屏幕尺寸的内容。尝试添加这个，

@media only screen and (max-width: 640px) {
body {
    width:100%;
    height:100%;
}

这可能有用!