html - 在移动屏幕上设置浏览器窗口的固定大小

Question

我正在开发响应式网站，可能遇到了一个常见问题，但我找不到答案，需要您的建议。我希望浏览器窗口在移动屏幕上修复 height:500px 。现在我有这种情况(看图片)。我需要避免下面的白色，并希望我的容器适合整个屏幕并且高度不超过 500 像素。谢谢你的任何建议!

Answer 1

将您的容器高度和宽度设置为 100%。

#container
{
  height : 100%;
  width : 100%;
}

如果你不想让你的高度超过 500px，你可以使用 max-height 属性。

max-height : 500px;