我希望将图片的宽度更改为100%。但是,不要指定高度或影响宽度,并导致图像扭曲。
高度为零/零的术语是什么。我一直在使用/ * height:68px; * /现在作为样式表中的修复。但必须有更好的方法吗?
在
background-color: #ff0000;
在 / *身高:68px; * / 宽度:100%
答案 0 :(得分:0)
从图像中一起删除高度,如果图像继承了高度,您可以使用height: auto;
重置此高度,同时确保不要忘记将min-height
和max-height
属性重置为{ {1}}如果这些是继承/设置的。
这样做的原因是因为图像会自动保持宽高比,所以如果只设置高度,宽度会自动调整,如果只设置宽度,高度会自动调整。
这就是它的全部内容!
此外 - 如果您正在寻找更高级的图像效果,我建议您使用包含auto
属性的div替换图片代码 - 它会让您以不同的方式灵活变通允许图像缩放直到它覆盖整个背景(background-image
)或缩放到可能的范围(background-size: cover;
)。
答案 1 :(得分:0)
只需从css中删除高度属性,对于图像,它应该可以工作。您还可以将图像高度设置为自动。