Question

有没有办法利用CSS 取得以下效果?

When container s width is less than image s original width, set image s width to 100% of container s width.
When container s width is larger than image s original width, set image s width to it s original wdith.

Answer 1

我发现以下的 CSS 代码可以达到目标。但根据 CSS 标准, 当最大维度值为百分比时, 它被计算为 < em> 。根据我的理解, 设定最大维度至100%不应产生效果, 但似乎是错误的。

img{
    width: auto;
    max-width: 100%;
}

该代码在Firefox 12和 IE 9.中测试。见http://jsfiddle.net/EnZEP/ 。

Answer 2

你可以这样吗?

例如:

img{
    width:100%;
    height:auto;
    max-width:400px;
}

选中此项 < a href=> "http://jsfiddle.net/aqh2r/" rel="nown" >http://jsfiddle.net/aqh2r/