Javascript 当浏览器宽度减小时减小图像宽度

我有一个网页的问题，左边有一个图像，右边有一个固定宽度的内容区域。 当我在浏览器上减小宽度时，我会减小图像的宽度，但不会使其变小。我从左边剪下来

---

我怎样才能做到这一点呢？

在图像的css中添加以下内容就可以了

.image-left-of-content{
   background-size : contain;
}

---

您好，这里我给您举个例子，您将.left div设置为容器的20%，将img设置为left div的100%，因此如果您调整页面大小，这应该会起作用

html

---

如果我正确理解了你的问题，我建议你设置图像和内容区域的百分比宽度

---

请参见此示例http://jsfiddle.net/0z063thv/

显示标记和css。这是

img

元素还是背景图像？我不想调整图像大小，我将使用相同的高度并使宽度变小，但从左侧剪切图像，使可见区域变小。

<div class="container">
       <div class="left">
          <img src="...your image src"/>
       </div>
       <div class="right">
         content
       </div>
    </div>

.container{width: 400px;}
.left{width: 20%;}
.left img{width: 100%;}