Question

我正在尝试创建我原有网站的移动版本。我把它添加到我的代码中：

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

随着CSS的编辑，我做得很好。但是，它对我的网站来说太高了。即使我设置了设备高度，用户仍然需要向下滚动才能看到整个页面。我希望它在设备屏幕大小中自行封装。我的高度设定为100％，但这并没有奏效。我甚至试过＆＃34; vh＆＃34;。

我该怎么做才能覆盖这个并将高度缩小到确切的屏幕大小？

Answer 1

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