加入自适应段后，背景图像只小范围特定窗口大小显示

Question

@media screen and (max-width: 900px){
.slide1{background-image:url(images/slide1p.jpg);width: 100%;height: 100%;}
}

<script>
// deicePixelRatio ：设备像素
var scale = 1 / devicePixelRatio;
//设置meta 压缩界面 模拟设备的高分辨率
document.querySelector('meta[name="viewport"]').setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
var reSize =(function() {
var deviceWidth = document.documentElement.clientWidth > 1000 ? 1000 : document.documentElement.clientWidth;
//按照640像素下字体为100px的标准来，得到一个字体缩放比例值 6.4
document.documentElement.style.fontSize = (deviceWidth / 6.4) + 'px';
}, 50);

window.onresize = reSize;

</script>

图片分辨率是1000×1006，还用了一个让网页可以滑动翻页的js
用谷歌浏览器的F12模拟，只在450px以下窗宽可以显示
请问这是哪里有问题？

Answer 1

发现将@media的值改大之后，可显示范围变大了