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

Question

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

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

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

Answer 1

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