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

$(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"});
     }
});

---

可以看看flex布局，响应式设计

---

外观应该由css控制 而不是js。 尽量避免用js控制这些东西

---

是很烂，但是可以考虑做mobile设计再做删除可以用media的

---

解决问题才是关键

---

我的想法 尽量不要响应式 最好再做一套