假设有一个比例为1:1的框,
图片的比例不定。
要实现:
假如图片宽高比大于1:1,就按width 100%,高度自动。
小于1:1,则高度100%,宽度自动。
框的宽高是确定的 比如宽100px 高100px,
想问下css怎么实现呢
这个东西可能不好通过CSS去确定,可以通过JS去确定,先把两个情况的类名加好,根据不同的判断,对元素添加不同的类名就可以了。
纯css应该实现不了吧,因为你说图片比例不定,所以就会存在至少3种情况(宽>高,宽=高,宽<高),而css是不能直接去判断各种情况及获取宽高并让它使用哪种匹配代码。。。。
img{display:block; width:100%;}
img{
max-height: 100%;
max-width: 100%;
}