WordPress模板 - 背景图片：放大在移动设备上，适当在桌面上

Question

我有点在我的网站上有响应问题。我已经安装了一个WordPress主题：charlotte.themeplayers.net

网址：http://www.laprima.ae/about-us/

在页面中央部分的背景图像是1150px * 1150px。

问题是，在像笔记本电脑这样的小型设备上，图像放大后只能显示图像的前40％，而在桌面上则没有问题。我花了一些时间看CSS代码，但作为初学者，我无法弄清楚具体细节。

这是比较的截图： http://www.brandmeadv.com/shashu_wp/wp-content/uploads/2015/10/Responsive.jpg

任何回应将深深感激:)

谢谢。

Answer 1

你需要改变你的媒体查询移动...

最大宽度将是依赖于用户的喜好。你只需要拨弄和/或做更多的断点。你可能还必须调整背景大小，但背景大小是踢球...

@media (max-width: 767px) 
.ct-sidebar, .ct--pageVariation .ct-sidebar { 
    width: 100% !important; 
    height: auto; 
    position: static; 
    background-size: auto 100%; /*you need to fiddle with this*/ 
}