歡迎來到懶人模板!我們專注移動互聯網,所有模板永久免費下載!
  • 首 頁
  • 當前位置:主頁 > 手機js特效 > 前端框架 >

    手機移動端基于adaptive.js的頁面布局源代碼免費下載

    2019-07-12 09:20 來源/作者:懶人模板 分類:前端框架  « »
    借鑒手淘方案,`adaptive.js`將整個頁面寬度平均分成10份,以`clineWidth / 10`的結果作為`html`標簽的`font-size`值。
     
    布局中使用`rem`作為單位。
    舉例:某UI設計出來的手機頁面寬為`750px`,那么分成十份后為`75px`,此時`html`標簽的`font-size: 75px`,布局時某一模塊在設計稿上寬為`100px`,轉成`rem`則為:`100 / 75 = 1.3333rem`;在css中則為:`width: 1.3333rem`。
     
    `adaptive.js`非常小巧,壓縮后的`adaptive.min.js`大小只有1KB。
    `adaptive.js`不依賴任何js庫,你可以在head標簽內引用`adaptive.min.js`后即可直接使用

    免登陸網盤下載
    * 懶人模板承諾:本站所有資源免費下載,無病毒,無彈窗,無干擾鏈接! 提點建議
    北单