使用css3裁剪移动视图的最小宽度图片

Question

我正在制作一个网页，在那里我必须使用桌面视图的图像，而不是“响应”设计，当页面变小时，图像会变为裁剪。

所以，为了做到这一点，我做了一个css规则，建立700px的最小宽度。

问题是，当我在我的cel中看到页面时，由于图像的原因它有溢出-x。

我曾与溢-X隐藏的制作和额外的div喜欢尝试...

<div style="max-width: 100%; overflow-x: hidden;"> 
    <img id="pic-bg" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-margin no-padding" src="../images/unico.svg"> 
</div> 

...但它也不能工作。

这是我讲的是图像的CSS：

@media screen and (max-width: 767px){ 

    #pic-bg{ 
     min-width: 700px; 
    } 
} 

是不是因为这个min-width的？我该如何做，而不是将图像剪切以避免溢出？

Answer 1

试试这个：
HTML：
<img src="">
CSS：
img {height:100px;}

它会自动调整图片的大小。