Question

我的网页有一个问题，左边有一个图像，右边有一个固定宽度的内容区域。当我减小浏览器的宽度时，我会减小图像的宽度，但不要缩小。我会从左侧剪掉它。

我该怎么做？

Answer 1

在图像的css中添加以下功能

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

Answer 2

您好，我举一个例子，您将.left div的20％容器和img放在左侧div的100％内，所以如果你调整页面的大小，这应该有效

HTML

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

CSS

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

Answer 3

如果我正确理解了您的问题，我建议您应该为图片和内容区域设置百分比宽度。

请参阅此示例http：//jsfiddle.net/0z063thv /

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

3 个答案: