html - 移动端div背景图片放大

Question

我有一个包含背景图片的 DIV。在电脑上看起来不错，但在移动设备上它会放大吗？

这是我的 HTML 和 CSS 代码:

.vh {
    width: 100vw;
    height: 100vh;
    position: absolute;
    background: url("http://autohof.coersonline.nl/wp-content/uploads/2016/09/Headerplaat-4.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

<div class="vh">
</div>

感谢您的宝贵时间!

Answer 1

您可能面临的问题是一个已知的 iOS Safari 中的错误 与视口(viewport)单位。尽量避免使用这些或使用 this plugin修复它。