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

Question

我正在开发响应式网站，可能有一个常见问题，但我找不到答案，需要你的建议。我希望浏览器窗口修复高度：移动屏幕上的500px。现在我有这种情况（看图）。我需要避免下面的白色，并希望我的容器适合整个屏幕和高度不超过500px。 谢谢你的建议！

Answer 1

将容器高度和宽度设置为100％。

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

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

max-height : 500px;