CSS条件图片缩放

Question

在HTML/CSS中，是否有一种方法只在宽度高于XX像素时才缩小图片?

- mihai

---

流体图片的权威文章：http://unstoppablerobotninja.com/entry/fluid-images/ - derekerdmann

Answer 1

你可以使用max-width或max-height来指定你希望图像的最大大小。 实时演示 参考资料 https://developer.mozilla.org/En/CSS/Max-height https://developer.mozilla.org/En/CSS/Max-width 如评论中所述，此功能不支持IE6或更低版本。

- Loktar

---

我不确定在IE中max-width是否可行。 - Whiskas

这只是在IE 6及以下版本中的问题。 - derekerdmann

@Whiskas：max-width在IE 6中不被支持（除了一些诡计），但在较新版本的IE和其他所有浏览器中都可以正常使用。 - Paul D. Waite

Answer 2

使用css中的max-width属性来设置最大图片宽度，不要指定图片高度。这样可以保持图片比例并且遵循最大宽度限制。

- Simon Arnold