js适配屏幕大小

来源:互联网 发布:神州泰岳 知乎 编辑:程序博客网 时间:2024/04/25 23:34

1.通过js适配不同的屏幕大小

 (function() {     var docEl = document.documentElement,              resizeEvt = 'onorientationchange' in window ? 'orientationchange' : 'resize',              recalc = function() {                      var clientWidth = docEl.clientWidth;                      if(!clientWidth) return;                      if(clientWidth >= 600) {                              docEl.style.fontSize = '100px';                      } else {                              docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';                      }              };      window.addEventListener(resizeEvt, recalc, false);      document.addEventListener('DOMContentLoaded', recalc, false);})();
0 0
原创粉丝点击