如何在移动设备中为 wordpress 网站调整背景图像

Question

我正在使用来自 tyler.com 的 Tesseract 主题，并且正在使用可视化编辑器来设置填充背景图像。背景图像在桌面上看起来不错，但移动设备似乎无法正常缩放。 http://kingsmanarms.us 是网站。我应该使用类和媒体查询来定位不同的设备吗？我读了一些关于-webkit 的东西。请帮忙

Answer 1

在这种情况下，您应该进行媒体查询，并且应该修复您的背景附件，试试这个，在您的手机中，背景会很好看:) 因为您的 div 已设置为静态，我们应该为此使用 '!important' .

@media all and (max-width: 480px) { 
.panel-row-style {
        background-size: inherit !important;
        background-repeat: no-repeat;
        background-attachment: fixed;
}
}