如何在没有Javascript的情况下在缩放后的视口中获得100%的高度?

问题描述

我有一个网站(https://invome.nl/),其中的html和body具有min-width: 587px的CSS属性。另外,我有一个标记<Meta name="viewport" content="width=device-width">

这意味着当将浏览器窗口调整为小于587px的大小时,视口将缩放为使所有587px保持可见。太好了,正是我想要的。

但是,缩放也会调整视口的 height ,以使html和body(设置为height: 100%;)不再适合整个高度,但是只是一部分。

即使在缩放视口时,如何确保html和body实际填充高度的100%?最好不使用javascript。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)