如何让我的网站高度适合手机屏幕？答案

【问题标题】：How do I fit the height of my website to a mobile screen?如何让我的网站高度适合手机屏幕？
【发布时间】：2015-09-21 05:40:26
【问题描述】：

我正在尝试创建我现有网站的移动版本。我将此添加到我的代码中：

 <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

加上 CSS 编辑，我做得很好。但是，它对我的网站来说太高了。即使我设置了设备高度，用户仍然需要向下滚动才能看到整个页面。我希望它以设备屏幕尺寸装箱。我的身高设置为 100%，但这没有用。我什至尝试过“vh”。

我可以做些什么来覆盖它并将高度缩小到确切的屏幕尺寸？

【问题讨论】：

标签： html css

【解决方案1】：

我会删除所有对高度的引用，只担心宽度。高度通常由内容的垂直大小决定。用户不介意向上/向下滚动，因此高度通常没什么大不了的，但他们讨厌向左/向右滚动，所以我们通常只担心宽度。

【讨论】：

我同意。限制用户可以滚动的高度是不好的做法。如果它们在屏幕高约 320 像素的微型设备（Pocket Neo？）上会发生什么？
讨厌挑剔，但这实际上并没有回答问题。请记住，Stack Overflow 主要面向未来有同样问题的访问者。无论如何，您都应该回答 OP 的问题，但请注意这种方法不好，因为...。任何未来的访问者都会感到失望，请记住可能存在边缘情况可以使用这样的功能。