我的网页盒子中放图片,想的是让图片等比例缩放,给了盒子宽度与高度,在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%,同理~~~
如果你想要你的图片刚好放在其容器中,那么容器的宽高比例和图片的宽高比例相同,否则就会出现要不高度不能填满要么宽度不能填满的~~