如何让我的标题图片对所有屏幕分辨率尺寸都有响应？

有问题的网址是http://remote.demowebsiteaddress.com 如何让我的标题图片对所有屏幕分辨率尺寸都有响应？

较大的标题图像不会自动调整桌面上较大屏幕的大小。我正在使用Divi主题的Wordpress ..

任何帮助吗？

2015-11-05 Jut

可以检查[此]（http://www.elegantthemes.com/gallery/divi/documentation/customizer-mobile/）。不过，我看到你正在使用过时的主题版本。更新你的也可能有帮助。 [最新版本]（http://www.elegantthemes.com/preview/Divi/） –

添加可以通过添加width CSS属性来创建贯穿整个屏幕的响应图像。确保您的body标签也有0的margin & padding。

例如：

body{ 
    margin: 0; 
    padding: 0; 
} 

img{ 
    width: 100%; 
}

CODEPEN EXAMPLE

来源

2015-11-05 19:22:05

对不起，这个愚蠢的问题，但我在哪里添加它？ – Jut

在你的主题的CSS文件。 –

啊，我明白了。（抱歉）。我只是做了改变..和哎呀..检查出来http://remote.demowebsiteaddress.com – Jut

如何让我的标题图片对所有屏幕分辨率尺寸都有响应？

回答

相关问题