Question

我想要一个容器，左边有50％的文字，右边有50％的图片。但图像不能缩放到宽度的50％。这有什么不对？

<div style="width:100%;">
<div style="widht:50%; float:left;background-color:#efefef;height:200px;width:50%;">
My Texting
</div>
<div style="width:50%; float:left;">
<img src="http://www.howtobeast.com/wp-content/uploads/2015/03/crossfit-fuengirola-slide03.jpg">
</div>

https://jsfiddle.net/kLcxnojn/

Answer 1

您需要将图片宽度设为100％;

public Model1(DbConnection connection)
    : base(connection, true)
{
}

https://jsfiddle.net/kLcxnojn/

Answer 2

您必须定义图像大小不应超过其包含块的最大宽度。只需将其添加到您的CSS中即可。

img{
    max-width:100%;
    height: auto;
}

<强> Fiddle

Answer 3

来自this answer：

<img src="the source" style="max-width:100%; max-height:100%;">

演示：https://jsfiddle.net/kLcxnojn/1/

图像不适用于容器的50％宽度

3 个答案: