设置宽度为100％，但高度是默认

-1

我想一个PIC的宽度更改为100％。但不要指定高度或影响宽度，并导致图像扭曲。设置宽度为100％，但高度是默认

什么是空/零高度术语。我一直在使用/ * height：68px; * /现在作为样式表中的修复。但是一定有更好的办法？

之前

height: 68px; 
width: 482px;

后/ *高：68px; */ 宽度：100％

来源

2015-11-20 Molder

身高：自动？或者如果你想要任何修正大小（不是更多），然后最小高度？请来例子或稍微更多的细节..Thanx –

@LeotheLion你的意思是最大高度？同时服务我的评论悉尼答案，看看你使用最大高度时需要什么 –

取下图像高度一起，如果图像继承了一个高度，你可以在此使用height: auto;也请务必不要忘记重置min-height和max-height属性auto如果这些继承复位/ set。

这部作品的原因是因为图像自动保持纵横比，所以如果你设置一个高度而已，宽度将自动调整，如果你只设置宽度，高度将自动调整。

这几乎是所有有给它！

另外 - 如果您正在寻找更高级的图像效果，我建议用包含background-image属性的div替换图像标记 - 它可以让您以不同方式灵活处理，如允许图像缩放至它涵盖了整个背景（background-size: cover;）或扩展到任何可能的范围（background-size: contain）。

祝你好运！

来源

2015-11-20 09:27:43 SidOfc

@AjitKumarSingh是不是可以给“最大高度”？或者你不应该使用的图像？你在错误的答案评论 –

@RicardoAlves我觉得人，但耶ofcourse你可以给'MAX-height'到图像 - 没有任何问题。它基本上只是在这种情况下作为一个约束，这是'background-size：contain'对'background-image'所做的一个约束，但它也包含一个'max-width'，这样图像就不能超过元素/指定高度/指定宽度:) – SidOfc

好的，谢谢你的详细解答。我确实评论了正确的问题，只是弄错了用户名。 –

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

来源

2015-11-20 09:30:24

设置宽度为100％，但高度是默认

回答

相关问题