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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

width：100% 就可以了啊

Answer 5

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

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

Answer 6

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

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