将宽度设置为100%,但将高度设置为默认值

时间:2015-11-20 09:17:21

标签: html css

我希望将图片的宽度更改为100%。但是,不要指定高度或影响宽度,并导致图像扭曲。

高度为零/零的术语是什么。我一直在使用/ * height:68px; * /现在作为样式表中的修复。但必须有更好的方法吗?

background-color: #ff0000;

在     / *身高:68px; * /     宽度:100%

2 个答案:

答案 0 :(得分:0)

从图像中一起删除高度,如果图像继承了高度,您可以使用height: auto;重置此高度,同时确保不要忘记将min-heightmax-height属性重置为{ {1}}如果这些是继承/设置的。

这样做的原因是因为图像会自动保持宽高比,所以如果只设置高度,宽度会自动调整,如果只设置宽度,高度会自动调整。

这就是它的全部内容!

此外 - 如果您正在寻找更高级的图像效果,我建议您使用包含auto属性的div替换图片代码 - 它会让您以不同的方式灵活变通允许图像缩放直到它覆盖整个背景(background-image)或缩放到可能的范围(background-size: cover;)。

祝你好运!

答案 1 :(得分:0)

只需从css中删除高度属性,对于图像,它应该可以工作。您还可以将图像高度设置为自动。