首页 > 关于图片拉伸的问题

关于图片拉伸的问题

假设有一个比例为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%;
}
【热门文章】
【热门文章】