PC图片中间内容不变形，两边随浏览器变宽变窄而显示隐藏

效果图如下

开始浏览器铺满整个屏幕，图片两边能显示

当我把浏览器缩窄的时候，图片两边就隐藏了，但图片中间部分还是能完整展示且不会变形

这图是宽1920px，高786px的，通过设背景图来实现，background-position: center;这个最关键

<div style="background-image:url(./image/1.png);
background-repeat: no-repeat;
background-position: center;
height: 786px;width: 100%;
"></div>