在更正横幅图像尺寸方面需要帮助

Question

我正在网站上工作http://www.danicatan.com

导航栏下方有一张随机加载的横幅图片。横幅的实际大小为 700 x 200px，但显然图像未按原始大小显示，其大小已调整为 500xRelative 高度。

即使给横幅命名 class 并将宽度设置为 100%，也无法解决问题。

非常感谢任何建议。

.banner{
 min-width: 100% !important;
 min-height: 200px !important;
 text-align: center;
}

<div><a href="http://www.danicatan.com/wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/random-gallery/dt_2.jpg" rel="prettyPhoto" title=""><img src="http://www.danicatan.com/wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/crop-random-image.php?AC=YES&amp;DIR=wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/random-gallery/&amp;IMGNAME=dt_2.jpg&amp;MAXWIDTH=700"> </a></div>

Answer 1

放image { width: 100% }后。它应该可以正常工作。

Answer 2

在文件中 style.css 300 线删除

max-width:100%;

并插入

width:100%;

Answer 3

.banner > div > a{display:block}
.banner > div > a > img {width:100%;}

试试这个（添加到您的 css 文件）

在更正横幅图像尺寸方面需要帮助

Need help in correcting Banner Image Size

html

css

wordpress