首页 > 请教关于网页图片缩放问题。

请教关于网页图片缩放问题。

我的网页盒子中放图片,想的是让图片等比例缩放,给了盒子宽度与高度,在img中加了width:100%; height:100%;但是图片看起来变形了,请问有什么好的方法吗?谢谢!


max-width: 100%;
max-height: 100%;


width:100% 就可以了啊


给img标签添加width属性后,height属性是等比缩放的。

如果要img正好充满div,那么只能是img和div的宽高比相同。


只设置 width: 100%;,不设置 height 就可以了


不设height
或者你可以考虑把图片放到div的background-image里,然后设置background-size: contain或者cover


要么width:100%,不设置height信息,高度按图片的实际的宽高比例结合设置的width计算出height
要么height:100%,同理~~~

如果你想要你的图片刚好放在其容器中,那么容器的宽高比例和图片的宽高比例相同,否则就会出现要不高度不能填满要么宽度不能填满的~~

【热门文章】
【热门文章】