js实现适配不同的屏幕大小

话不多说，请看代码：

// 通过js适配不同的屏幕大小
(function (doc, win) {
  var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
      var clientWidth = docEl.clientWidth;
      if (!clientWidth) return;
      // 根据设备的比例调整初始font-size大小
      if(clientWidth>640) clientWidth = 640;
      docEl.style.fontSize = 50 * (clientWidth / 320) + 'px';
    };
  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, recalc, false);
  doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js  # 适配屏幕大小  # 适配不同的屏幕大小  # js实现屏幕自适应局部代码分享  # 多说  # documentElement  # docEl  # var  # resizeEvt  # window  # orientationchange  # win  # class  # pre  # strong  # brush  # doc  # function  # resize  # px  # fontSize  # DOMContentLoaded  # document 

相关文章： 建站之星如何助力企业快速打造五合一网站？  北京网站制作的公司有哪些,北京白云观官方网站？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  微信推文制作网站有哪些,怎么做微信推文，急？  如何在阿里云域名上完成建站全流程？  如何在企业微信快速生成手机电脑官网？  网站制作的步骤包括,正确网址格式怎么写？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  焦点电影公司作品,电影焦点结局是什么？  手机网站制作与建设方案,手机网站如何建设？  黑客如何利用漏洞与弱口令入侵网站服务器？  如何通过老薛主机一键快速建站？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  网站制作话术技巧,网站推广做的好怎么话术？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  西安专业网站制作公司有哪些,陕西省建行官方网站？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  h5网站制作工具有哪些,h5页面制作工具有哪些？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  如何在景安云服务器上绑定域名并配置虚拟主机？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  如何撰写建站申请书？关键要点有哪些？  兔展官网 在线制作,怎样制作微信请帖？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  建站之星免费版是否永久可用？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  电商网站制作公司有哪些,1688网是什么意思？  如何通过服务器快速搭建网站？完整步骤解析  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  如何设置并定期更换建站之星安全管理员密码？  如何彻底卸载建站之星软件？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  建站主机与服务器功能差异如何区分？  已有域名如何免费搭建网站？  如何彻底删除建站之星生成的Banner？  如何配置WinSCP新建站点的密钥验证步骤？  建站之星如何通过成品分离优化网站效率？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  如何通过PHP快速构建高效问答网站功能？  如何通过可视化优化提升建站效果？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  股票网站制作软件,网上股票怎么开户？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  如何快速打造个性化非模板自助建站？  深圳网站制作平台,深圳市做网站好的公司有哪些？