0

我有一个 WordPress 网站，其儿童主题为 212。本页底部有一张红狮酒店的图片：http ://ranchocordovaeventscenter.com/partner-hotels/

它会自动调整大小以填充它所在的表的 100%。我尝试将它添加到表之外，它做同样的事情。如果我更改图像，它也会这样做。

这是HTML：

<a target="_blank" href="http://www.redlion.com/our-hotels/california/rancho-cordova/">
<img class="size-full wp-image-423 alignleft" width="150" height="169" src="http://ranchocordovaeventscenter.com/wp-content/uploads/2013/01/redlion.jpg" alt="Red Lion Hotel" title="Red Lion Hotel">
</a>

以及适用的 CSS：

img {
    border: 0 none;
    max-width: 540px;
    width: 100%;
}

我知道我将其设置为 width: 100% 但是当网站针对较小的设备调整大小时，较大的图像将保留在屏幕内。

任何提示将不胜感激，谢谢！

4

1 回答 1

0

将其从宽度更改为最大宽度：

img {
    max-width: 100%;
}

这应该够了吧。

于 2013-04-06T00:21:10.590 回答