如何使图像不被裁剪?

时间:2014-09-08 11:28:19

标签: css image responsive-design

在调整窗口大小时,如何让身体背景图像不被裁剪?它响应的网站和图像调整它的大小调整了它的作用。我尝试使用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;
}

2 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/yg17acL0/

尝试在div中使用img标记。

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

答案 1 :(得分:0)

试试这个CSS:background-size:contain

工作LINK

(更新)