判断屏幕宽度设置不同图片和判断宽度显示和隐藏js代码

admin

前端代码
<a class="navbar-brand" href="/"><img id="ffidc"  style="width:100%;height:auto;padding-top:5px" /></a>   
js代码
<script>
  $(document).ready(function() {
     if($(window).width() > 991) {
         $("#ffidc").attr("src", "../assets/img/features/cleardent-header.png");
     } else {
         $("#ffidc").attr("src", "../assets/img/features/cleardent-header-small.png");
     }
});
  </script>判断宽度显示和隐藏js代码
<script>
$(document).ready(function() {
     if($(window).width() >= 1200 ) {
         $("#ffidc").attr("src", "/static/images/logo.png");
          document.getElementById('ffidc1').style.display = 'none'; //隐藏
     } else {
         $("#ffidc").attr("src", "/static/images/logo1.png");
     }
});
  </script>