Resize Replace logo功能與導航衝突

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