求解:背景图片问题，背景图片在浏览器百分比缩放下的显示问题

如图，图2是源图大小，1920*679~
图1是切的跟显示屏大小之后缩放到50％的，
问:有没有一种方法能让图片在100％的时候显示如图1，但是图片在缩小之后把多余的背景显示出来，如图2……

ps:我之前是把背景图div用100％图片100％写的，但是这样height679之后logo就变形了，后来就把两边切了，但是又被要求缩小后两边最好也显示出来，并且显示屏100％的时候不能有横向滚动条……

请问，能否实现？有什么方法吗，多谢。

css 的 media ,适应不同屏幕大小的处理方法
js 里面有一个onresize事件，也可以实现。
总归就是做个判断，屏幕大小 。然后设置图片样式

样式参考
.bg {
background:url('/res/imgs/bg.png');
background-repeat:no-repeat;
background-size:100% 100%;
}
会根据你外部的div的大小来自动缩放显示，并且是全部显示