为了响应式适配移动端，写了一坨js的hide代码，是不是很烂？实习生

Question

$(function(){      //获取浏览器宽度      var _width = $(window).width();       if(_width < 1024){             $(".hide-nav").hide();             $(".undefined02").hide();             $(".undefined01").hide();             $(".flay1").removeClass("flay1").addClass("flay2");             $(".carousel-control-gps").hide();             $(".hui-reminder").removeClass("hui-reminder").addClass("hui-reminder-phone"); //             $(".hide-foot").hide();             $(".usernow-label").removeClass("usernow-label").addClass("usernow-label-phone");             $(".usernow-major").removeClass("usernow-major").addClass("usernow-major-phone");             $(".usernow-label-2").removeClass("usernow-label-2").addClass("usernow-label-2-phone");             $(".product-function").removeClass("product-function").addClass("product-function-phone");             $(".btn-column").hide();             $(".num").css({"margin-left":"0px","text-align":"center"});             $(".num li").css("margin-right","5px");             $(".navbar-default .navbar-nav li").css("margin-right","0px");             $(".navbar-default .navbar-nav li a").css("font-size","10px");             $(".logo").css("padding","10px");             $(".carousel-indicators").css({"bottom":"-10px"});      } });

Answer 1

为什么不适用 媒体查询 @media ？

Answer 2

没兼容啊

Answer 3

都隐藏了，还管那么多干嘛。