Html 宽度为'；t在更高的屏幕分辨率上对齐

它似乎在其他浏览器和分辨率上运行良好，但在1920 x 1080上则不行。请参阅下面的图片链接。“关于我们”的蓝色条比图片宽

---

如果您能帮助解决此问题，我们将不胜感激

图像不够宽。 这应该可以解决问题

.frontbutton.hpimg4::before {
    background-size: cover;
}

替换

.frontbutton.hpimg4::before {
width: -webkit-fill-available;
background-image: url(about-us.jpg);
}

用这个

.frontbutton.hpimg4::before {
width: -webkit-fill-available;
background-image: url(about-us.jpg);
background-size: cover;
}

在您的style.css中

其位于wp content/themes/vantage child/文件夹中

---

希望这有帮助。

欢迎使用StackOverflow！为了让我们更好地帮助您，请您更新您的问题，使其以一种新的方式显示您的相关代码。如果你能让我们知道你有什么办法来解决你的问题，这也会很有帮助。有关更多信息，请参阅关于的帮助文章，并使用：）您的修复也正确，解释得很好，谢谢！