<th id="bd9sz"><pre id="bd9sz"></pre></th>
    <em id="bd9sz"></em>
    <nav id="bd9sz"><sub id="bd9sz"><video id="bd9sz"></video></sub></nav>

  1. <tbody id="bd9sz"></tbody>
      <nav id="bd9sz"></nav>
      <dd id="bd9sz"></dd>
    1. <tbody id="bd9sz"><pre id="bd9sz"></pre></tbody>
      <button id="bd9sz"><object id="bd9sz"></object></button>
      <tbody id="bd9sz"><noscript id="bd9sz"></noscript></tbody>

      歡迎來到懶人模板!我們專注移動互聯網,所有模板永久免費下載!
    2. 首 頁
    3. 當前位置:主頁 > 手機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`后即可直接使用

      免登陸網盤下載
      * 懶人模板承諾:本站所有資源免費下載,無病毒,無彈窗,無干擾鏈接! 提點建議
      <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>