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

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

    2019-07-15 09:17 來源/作者:懶人模板 分類:前端框架  « »
    flexible.js是關鍵性的文件,這是px轉換為rem的關鍵文件,在html文件中一定需要引入的。
     
    轉換關系:
     
    750px的設計稿:  那么頁面元素的相應像素轉換公式是: 將頁面的像素/75即可:
     
    例如有個頁面元素的像素為150px 那么他的對應的rem為150/75=2rem; 你在寫代碼的時候就只需要使用2rem 作為單位即可。 
    除了字體大小使用px做單位之外,其他的元素都采用rem來做單位,原因就是: iPhone以下的設備看字體會變得很小, 而在iPhone6plus的設備上看到的字體會變得很大。
     

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