移动视口如何扩展

时间:2014-03-16 00:49:25

标签: android html css viewport

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

例如,我将视口设置为1024px。这将填满桌面和移动设备上的整个页面......出于某种原因?

我正在使用LG G2手机。 现在,如果我进入我的页面,我的设备将正确设置宽度到布局。 但我的问题是底部需要的时间要长得多。 那么如何告诉我的手机除了页脚之外什么都没有。 我不想制作粘性页脚,因为它不适用于移动设备。 我只是想找个方法告诉我的手机他不能超越页脚...... 所以页面宽度根本不适合,但这没有意义。

有没有办法包含整个div并将布局设置为100%高度?我需要告诉我的页面,页脚之外没有空白区域。完整页面结束,我的手机需要了解这一点。手机必须缩放到页脚,就可以了。

my homepage

2 个答案:

答案 0 :(得分:0)

这对你有用吗?有关您的问题,请参阅Mozilla Developer's页面。

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

答案 1 :(得分:0)

您可以将div的高度设置为

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

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

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