我正在尝试为移动设备设置视口,但每次如果我要这样做,高度将比我想要的更长。
例如,我将视口设置为1024px。这将填满桌面和移动设备上的整个页面......出于某种原因?
我正在使用LG G2手机。 现在,如果我进入我的页面,我的设备将正确设置宽度到布局。 但我的问题是底部需要的时间要长得多。 那么如何告诉我的手机除了页脚之外什么都没有。 我不想制作粘性页脚,因为它不适用于移动设备。 我只是想找个方法告诉我的手机他不能超越页脚...... 所以页面宽度根本不适合,但这没有意义。
有没有办法包含整个div并将布局设置为100%高度?我需要告诉我的页面,页脚之外没有空白区域。完整页面结束,我的手机需要了解这一点。手机必须缩放到页脚,就可以了。
答案 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">