android - 首页英雄背景图片在移动设备上缩放不当

Question

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

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

- Unwanted scaling on mobile devices (插入了 meta 标签，但没有更改，是的，我也清除了缓存)

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

我正在使用 United Themes 创建的 Brooklyn 主题。该站点还使用 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;
}

Answer 1

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