Question

我正在使用网站http://www.danicatan.com

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

即使给出了横幅的类名并将宽度设置为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 ligne 300中删除

max-width:100%;

并插入

width:100%;

Answer 3

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

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

需要帮助纠正横幅图像大小

3 个答案: