android - 首页英雄背景图像在移动设备上未正确缩放

在我的 wordpress 网站上，首页英雄的背景在移动设备(iOS 和 Android)上缩放不当。它只显示图像的一部分，而不是完整的图像。 我试过了:

-改变图像的分辨率和大小

- Unwanted scaling on mobile devices (插入了元标记，但没有传播任何更改，是的，我也清除了缓存)

- Site scaling on a mobile device (我尝试通过 USB 调试测试 CSS 更改，但没有成功)

我正在使用由 United Themes 创建的布鲁克林主题。该网站还使用 Visual Composer。

网站:https://www.wearerubbish.com

当前的 CSS

@media (max-width: 767px)
.parallax-section {
    background-position: center center !important;
    background-repeat: repeat-y !important;
    /* background-attachment: fixed !important; */
    background-size: cover !important;
}

---

Best Answer-推荐答案

一个例子很好，所以我们可以看一下代码，但通常我通过添加一个值为 100vw 的 max-width 属性来解决这些问题如果 hero 是全 Angular 的并且它是一个 标签。但是如果图像是 background-image 一个 background-size: cover; 就可以了。

关于android - 首页英雄背景图像在移动设备上未正确缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47163392/