优雅的主题 - Divi主题中的背景图像放大移动

时间:2015-06-18 19:25:11

标签: html css wordpress

我使用普通的剖面模块并将图像作为该模块的背景。它在桌面上看起来很好,但是当在移动设备上查看时,bg会放大并且看起来很糟糕。我似乎无法弄清楚为什么移动设备没有调整,或者我是否需要做一些事情以使图像适合移动设备?这是测试网站http://test.mutualmind.com,我所遇到的问题值得他在页脚之前的最后一部分。您可以比较桌面视图与移动视图,看看我的意思。

1 个答案:

答案 0 :(得分:0)

这是因为该部分的background-size设置为cover,这意味着背景图像将向上扩展,直到它填充容器的宽度和高度。在这种情况下,您的高度太大,图像必须按比例放大才能适应。如果你在较小的设备上修剪部分高度,你会看到你的图像随之缩小。

您可以通过在页面构建器上为该部分提供自定义类或ID,然后通过样式表中的媒体查询将其定位到较小的屏幕上来实现此目的。