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

2021-12-29 19:43:38 字數 540 閱讀 8203

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

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

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

* @param doc [文件元素]

* @param win [window]

* @return [description]

*/(function(doc, win) ;

if (!docel.addeventlistener) return;

win.addeventlistener(resizeeven, remcalc, false);

doc.addeventlistener('domcontentloaded', remcalc, false);

})(document, window);

根據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的生產,此前訊...