OStack程序员社区-中国程序员成长平台

标题: android - 首页英雄背景图像在移动设备上未正确缩放 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 03:09
标题: 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/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4