<section style="width: 100%; min-height: 100%">

</section>

它在我的计算机浏览器设备模式下看起来很完美,但是当我在我的手机(iPhone)上打开它时,url bar出现问题,随着我们向下滑动,它会变小.在页面加载时,最小高度适应浏览器高度(包括条形),当条形更改其尺寸时,它不会更改.所以它不再适合屏幕了.我试过这个：

<Meta name="viewport" content="height=device-height">

但是,显然,部分很高.可能我可以在jQuery中做一些解决方法,但我宁愿不这样做.我希望CSS中有一些简单的解决方案.
感谢您的时间.
如果你想看到它：http://kacpergalka.nazwa.pl/_portfolio

解决方法

<section style="width: 100%; min-height: 100vh">

</section>

<section style="width: 100%; height: calc(100%);">

</section>

• 上一篇：html – Mailto链接在Hotmail中不起下一篇：您可以轻松配置MediaWiki以接受完整