Javascript 不改变 Wordpress 网站上的 div 边距

Question

我正在处理的这个网站 (terraterraband.com) 基本上会在屏幕尺寸达到 600px(我认为)时添加一个菜单按钮。我希望 Logo 图像的边距同时更改为 0。现在，我正在尝试使用 javascript 来更改它，尽管我知道可能有一种方法可以使用 css 来完成。由于某种原因，它没有改变。 wordpress添加图片的时候，没有Id，只有一个class，这也是我不得不使用getElementsByClassName函数的原因。 wordpress主题有一个添加javascript的窗口，放在head里面。我做错了什么？

jQuery(document).ready(function(){

   var logo=document.getElementsByClassName("site-logo");
   if(window.width<=600){
    logo[0].style.margin="0px";
   }
});

Answer 1

对于响应式编码，请尝试使用 innerWidth。

jQuery(function(){
   var logo=jQuery(".site-logo");
   if(window.innerWidth<=600){
    logo[0].style.margin="0px";
   }
});