2011-08-26 89 views
3

只有在HTML/CSS中宽度高于XX像素的情况下,是否有缩小图像的方法?CSS条件图像缩放

+1

关于流体图像的权威性文章:http://unstoppablerobotninja.com/entry/fluid-images/ – derekerdmann

回答

5

在你的CSS中使用最大宽度来修复最大图像宽度,并且不指定图像高度。 这样你的图片应该保持比例,并且尊重最大宽度。

+0

谢谢,那是它 – mihai

+0

谢谢你的反馈:) –

6

您可以使用max-widthmax-height来指定想要图像的最大尺寸。

live demo

参考

https://developer.mozilla.org/En/CSS/Max-height

https://developer.mozilla.org/En/CSS/Max-width

正如这不是在IE6或低于所支持的评论中指出。

+0

我不确定最大宽度与IE是否正常。 – Whiskas

+1

这只是IE 6及以下版本中的一个问题。 – derekerdmann

+0

@Whiskas:IE 6不支持'max-width'(除了[一些欺骗](http://www.svendtofte.com/code/max_width_in_ie/)),但在IE的更高版本中,和所有其他浏览器。 –