响应式

响应式网站布局一般采用两种方式：

第一种使用媒体查询，通过设备的尺寸来选择css的样式；

第二种对网页进行等比例的放打和缩小。

给窗口添加resize 事件监听。

$(window).resize(function () {
     if($(window).width()<1920 && $(window).height()<1080) {
           var width = document.body.offsetWidth;
           var scale;
          scale = width / 1920;
      $('body').css({
         "zoom": scale, //缩放比例
      });
     }
});

注意：：zoom属性不是标准属性，火狐浏览器不识别，也可以使用scale来控制放大缩小的话，不过会在周围有留白。同时会影响页面的固定定位；