android - 首页英雄背景图像在移动设备上未正确缩放
<p><p>在我的 wordpress 网站上，首页英雄的背景在移动设备(iOS 和 Android)上缩放不当。它只显示图像的一部分，而不是完整的图像。
我试过了:</p>
<p>-改变图像的分辨率和大小</p>
<p>- <a href="https://stackoverflow.com/questions/38313229/unwanted-scaling-on-mobile-devices" rel="noreferrer noopener nofollow">Unwanted scaling on mobile devices</a> (插入了元标记，但没有传播任何更改，是的，我也清除了缓存)</p>
<p>- <a href="https://stackoverflow.com/questions/30062188/site-scaling-on-a-mobile-device" rel="noreferrer noopener nofollow">Site scaling on a mobile device</a> (我尝试通过 USB 调试测试 CSS 更改，但没有成功)</p>
<p>我正在使用由 United Themes 创建的布鲁克林主题。该网站还使用 Visual Composer。</p>
<p>网站:<a href="https://www.wearerubbish.com" rel="noreferrer noopener nofollow">https://www.wearerubbish.com</a> </p>
<p>当前的 CSS</p>
<pre><code>@media (max-width: 767px)
.parallax-section {
background-position: center center !important;
background-repeat: repeat-y !important;
/* background-attachment: fixed !important; */
background-size: cover !important;
}
</code></pre></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>一个例子很好，所以我们可以看一下代码，但通常我通过添加一个值为 <code>100vw</code> 的 <code>max-width</code> 属性来解决这些问题如果 hero 是全 Angular 的并且它是一个 <code><img></code> 标签。但是如果图像是 <code>background-image</code> 一个 <code>background-size: cover;</code> 就可以了。</p></p>
<p style="font-size: 20px;">关于android - 首页英雄背景图像在移动设备上未正确缩放，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/47163392/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/47163392/
</a>
</p>
页:
[1]