关于图片拉伸的问题

Question

假设有一个比例为1:1的框，
图片的比例不定。
要实现：
假如图片宽高比大于1：1，就按width 100%，高度自动。
小于1：1，则高度100%，宽度自动。

框的宽高是确定的 比如宽100px 高100px，

想问下css怎么实现呢

Answer 1

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

Answer 2

这个东西可能不好通过CSS去确定，可以通过JS去确定，先把两个情况的类名加好，根据不同的判断，对元素添加不同的类名就可以了。

Answer 3

img{display:block; width:100%;}

Answer 4

纯css应该实现不了吧，因为你说图片比例不定，所以就会存在至少3种情况（宽>高,宽=高,宽<高），而css是不能直接去判断各种情况及获取宽高并让它使用哪种匹配代码。。。。