JavaScript最大宽度removeAttribute

我对这个代码有问题

此代码正在检查移动设备的分辨率，并打开具有相同分辨率的网页。但当我从移动设备上打开显示宽度小于480px的页面并滚动时，该页面无法正确查看。我想删除显示宽度小于480px的设备的代码

你能帮我吗

JavaScript

---

我不希望添加的：480px宽度id更小。

如果我理解正确，您需要这行代码：header.setAttributeid，更小； 仅当宽度大于480px时执行。如果是这种情况，请尝试以下操作：

var width = document.body.clientWidth;

function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop, 
            shrinkOn = 200,
            header = document.querySelector("nav");
        if (distanceY > shrinkOn) {
            if (width > 480) {
            header.setAttribute("id","smaller");
            }           
        } else {
            header.removeAttribute("id","smaller");
        }
    });
}

---

这并不能回答您的问题，但您可能希望研究CSS媒体查询。

var width = document.body.clientWidth;

function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop, 
            shrinkOn = 200,
            header = document.querySelector("nav");
        if (distanceY > shrinkOn) {
            if (width > 480) {
            header.setAttribute("id","smaller");
            }           
        } else {
            header.removeAttribute("id","smaller");
        }
    });
}