首页 > 解决方案 > WordPress 中的 CSS:`100vh` 比视口高

问题描述

我正在使用二十二个主题,图像位于主题自己的“封面”块内。

该块设置为height: 100vh,但图像高于视口中的实际可见空间。当我滚动它时,我可以测量额外高度的数量,它类似于浏览器工具栏的高度;也许这是其中的一部分?或者 WordPress 是否在无法破译的 CSS 中做了一些时髦的事情?

我在桌面上的 .html 文件中执行了以下操作,在 Firefox 中,图像完全适合可见视口:

<html>
<img src="file:///C:\Users\rickp\OneDrive\Desktop\aurora-australis.jpg" style="height:100vh">
</html>

看起来我必须调试才能理解,当我有时间这样做时。同时,如果有人在 WordPress 中遇到过这种情况,我们将不胜感激您的见解。

标签: csswordpress

解决方案


推荐阅读