手机上的视口如何缩放

Question

我正在尝试为移动设备设置视口，但每次如果我要这样做，高度都会比我想要的长。

例如，我把我的视口设置为1024px。这将填满我在桌面和移动设备上的整个页面。为什么?

我正在用我的LG G2手机工作。现在，如果我进入我的页面，我的设备将正确设置布局的宽度。但我的问题是，底部在必要时要长得多。那么我怎么才能告诉我的手机页脚之外什么都没有呢?我不想做一个粘页脚，因为它不能在移动设备上工作。我只是想找个办法告诉我的手机，他不能超越页脚……因此，页面宽度将不适合，但这是没有意义的。

是否有一种方法可以包含整个div并将布局设置为100%高度?我需要告诉我的页面，页脚之外没有空白。这是完整页面的末尾，我的手机需要理解这一点。手机必须缩放到页脚，就是这样。

我的主页

Answer 1

可以设置div的高度为

min-height: 100%; 
height: 100%;

然后将它添加到html的head标签。

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

这对你有用吗?请查看Mozilla开发人员页面。

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag A_pixel_is_not_a_pixel