为了响应式适配移动端，写了一坨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

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