css - CSS 中的图像最大宽度 50%

Question

我有一张图片：

img src="images/logo.png" class="img-small float-left">

我只想宽50％：

.img-small {
    max-width: 50%;
}

但这似乎不起作用，在一个小窗口中超过50％。我也尝试了 px 值，但没有运气......

我.small也有一门课，它的文字大小，这就是我称之为这个的原因.img-small。有没有一种方法我可以同时命名.small，一个是调整文本大小，另一个是图像大小？

score 1 · Accepted Answer

但这似乎不起作用。

从您发布的链接开始，这确实有效。请告诉我们，确切的问题是什么。

更新： 您正在使用更高的特异性将图像设置为 100% 宽度：

#main img { max-width: 100%; }

您将需要更高的特异性来覆盖它。

#main img.small { max-width: 50%; } /* don't do that */

但我认为更好的解决方案是不使用 ID 来设置这样的全局属性。

img { max-width: 100%; }
img.small { max-width: 50%; }

我有一个 .small 类也可以调整文本大小，这就是我称之为 .img-small 的原因。有没有办法我可以同时命名.small，一个可以调整文本和其他图像的大小？

是的，您可以指定类应该对特定元素执行的操作：

.small {
    font-size .8em;
}

img.small {
    width: 50%;
}

score 0 · Accepted Answer

<img src="images/logo.png" class="img-small float-left">

试试这个

   .img-small{
       max-width:50% !important;}

score -1 · Accepted Answer

-1

确保您的图像标签不带有高度和宽度属性。

于 2013-10-28T12:30:21.930 回答

3 回答 3