什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE

• 响应式设计就是网站能够兼容多个终端，而不是为每个终端做一个特定的版本
• 基本原理是利用CSS3媒体查询，为不同尺寸的设备适配不同样式
• 对于低版本的IE，可采用JS获取屏幕宽度，然后通过resize方法来实现兼容：

$(window).resize(function () {
  screenRespond();
});
screenRespond();
function screenRespond(){
var screenWidth = $(window).width();
if(screenWidth <= 1800){
  $("body").attr("class", "w1800");
}
if(screenWidth <= 1400){
  $("body").attr("class", "w1400");
}
if(screenWidth > 1800){
  $("body").attr("class", "");
}
}