如何使图像不裁剪？答案

【问题标题】：How to make the image not to crop?如何使图像不裁剪？
【发布时间】：2014-11-01 14:41:11
【问题描述】：

如何使我在正文中的背景图像在调整窗口大小时不被裁剪？它响应的站点和图像不调整它的大小会突出它的一部分。我尝试使用 position:fixed 但它没有用。你需要什么代码来帮助我？

这是该包装器的代码：

.body-wrapper {
    background-image: url('http://promegaekonomi.se/wp-content/uploads/2014/09/82.png') !important;
    background-repeat: no-repeat;
    background-size:100% auto;
}

【问题讨论】：

背景尺寸：封面？
@Evgeniy cover 将裁剪图像，它应该是contain jsfiddle.net/webtiki/7y4sv21d/1
@web-tiki，这两个规则都不会裁剪图像，它们会缩放它。 cover 为最小尺寸，contain 为最大宽度和高度都可以覆盖背景区域。无论如何，它也是一种正确的方法，取决于用户期望的结果

标签： css image responsive-design

【解决方案1】：

http://jsfiddle.net/yg17acL0/

尝试在 div 中使用 img 标签。

.responsive {
    max-width: 100%;
    height: auto;
}

【讨论】：

【解决方案2】：

试试这个 CSS：background-size:contain

工作LINK

（更新）

【讨论】：

我试过了，但没用。我复制粘贴了代码，但没有工作。我做错了什么？