Flexible源码分析

最新推荐文章于 2024-10-18 11:12:30 发布

置顶

今天也要Rush B

最新推荐文章于 2024-10-18 11:12:30 发布

阅读量383

点赞数

文章标签： javascript html5

本文链接：https://blog.csdn.net/Ranger_AA/article/details/108773454

版权

本文深入探讨了Flexble.js的源码，分析了其在响应式布局中的关键实现细节，帮助理解移动前端适配解决方案。

摘要由CSDN通过智能技术生成

Flexible源码分析（转载）

// 立即执行函数 (function() {})() 或者 (function() {} ())
// 主要作用：创建一个独立的作用域，里面所有的变量都是局部变量，避免了命名冲突问题
// 立即执行函数不需要调用，立马能够自己执行
(function flexible (window, document) {
   
  // 获取html的根元素
  var docEl = document.documentElement
  // dpr 是物理像素比
  var dpr = window.devicePixelRatio || 1

  // adjust body font size 设置body的字体大小
  function setBodyFontSize () {
   
    // 如果页面中有body这个元素，就设置body的字体大小
    if (