根據iPhone6設計稿動態計算rem值

2021-07-08 16:16:17 字數 507 閱讀 4756

rem單位在做移動端的h5開發的時候是最經常使用的單位。為解決自適應的問題,我們需要動態的給文件的更節點新增font-size值。使用mediaquery可以解決這個問題,但是每乙個檔案都引用一大串的font-size值很繁瑣,而且值也不能達到連續的效果。

就使用js動態計算給文件的fopnt-size動態賦值解決問題。

使用的時候,請將下面的**放到頁面的頂部(head標籤內);

/**

* [以iphone6的設計稿為例js動態設定文件 rem 值]

* @param currclientwidth [當前客戶端的寬度]

* @param fontvalue [計算後的 fontvalue值]

* @return [description]

*/

根據iPhone6設計稿動態計算rem值

rem單位在做移動端的h5開發的時候是最經常使用的單位。為解決自適應的問題,我們需要動態的給文件的更節點新增font size值。使用mediaquery可以解決這個問題,但是每乙個檔案都引用一大串的font size值很繁瑣,而且值也不能達到連續的效果。就使用js動態計算給文件的fopnt siz...

iphone6以及iphone6plus適配

手頭維護的乙個老專案,因為需要從ios5.1開始支援,所以在頁面適配上基本上使用硬編碼和autoresizemask來實現iphone4 iphone5s的適配,情況看起來還算不錯。到了iphone6以及以上的機型情況就有些不同了。在補充了iphone6的default page之後,很多頁面右邊出...

iPhone6,更為完美

最新訊息稱,蘋果打算今年晚些時候在自動化生產線上生產其所有的iphone電池。這一舉動可以降低人力需求,將生產鏈資源轉移到其他方面。訊息表示,蘋果mac pro和imac已實現自動化生產,除了材料和最後的組裝,mac pro和imac的生產無需任何人力。該舉動會有助於蘋果iphone6的生產,此前訊...