在wordpress网站上的响应图像

时间:2014-08-12 09:57:57

标签: jquery html css wordpress

希望你能解决我的问题。请访问www.expandedpolystyrene.co.za页脚图像没有响应,所以如果broswer窗口缩小到移动大小,则页脚中的文本会覆盖页脚图像。

此外,如果您单击产品页面,其中包含搜索栏的标题横幅也会出现同样的问题(.small_banner)。有没有办法让这两个图像响应?此外,在首页..如果您将其缩小到移动大小,它会在滑块横幅上添加一个额外的绿色带。你能把它拿出来吗?请帮忙

2 个答案:

答案 0 :(得分:1)

使图像响应的最简单方法是添加max-width: 100%; - 这将使它们在没有足够空间时进行缩放。

此外,我建议您重建您的网站,因为它真的很乱。例如,页面中没有需要带文本的图像:可以通过平面html文本来完成。

答案 1 :(得分:1)

您的图片是背景图片。

尝试使用background-size:cover;在你的CSS中为那个图像。

background-size:cover;