调整大小替换徽标功能与导航冲突

Question

所以我是一名平面设计师，几乎没有编码知识，想学习。我的朋友和合作伙伴是一名网络开发人员。

当尺寸低于一定像素数量或显示移动视图时，我正在尝试替换响应式网站上的徽标。

有一半工作，向下滚动但是当添加此位以尝试调整浏览器大小以更改导航栏时，导航栏行为异常并成为一个大的静态块。

尝试了萤火虫并被卡住了。

 $(window).resize(function()
    { if($( window ).width()<750){ img.src = img.dataset.scroll; // set the scroll image 
    }
    else
    { img.src = img.dataset.orig; // set the original image back 
    } 
    });

Answer 1

不要使用javascript，但css @media查询：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries