鍍金池/ 問答/HTML5  UI  HTML/ 菜鳥求助:Lib-flexible布局rem問題

菜鳥求助:Lib-flexible布局rem問題

插件地址:https://github.com/amfe/lib-f...

網上很多資料說它各種好,但沒有一個詳細的使用流程,我就想要一個使用流程...怎么實現(xiàn)、怎么好我不想知道,求個基本流程。

另外引用這個插件后html的字體會改變我能理解,但又動態(tài)給body加了個font-size=12像素,我想知道這個12像素有什么作用?

回答
編輯回答
浪婳
  1. 建議參考使用Flexible實現(xiàn)手淘H5頁面的終端適配
  2. 建議參考lib-flexible源碼讀后感:

    最后給body設置font-size,作者團隊也解釋了(原話):
    body上設置12 * dpr的font-size值,為了重置頁面中的字體默認值,不然沒有設置font-size的元素會繼承html上的font-size,變得很大。
2018年6月3日 17:02
編輯回答
病癮

1.具體流程可以參考https://www.w3cplus.com/mobil...
2.又動態(tài)給body加了個font-size=12像素是為了恢復瀏覽器默認的字體,因為字體是可以繼承的,設置了根元素的字體之后,如果不重新設置body的字體,會導致頁面上所有的元素如果不主動設置字體,字體會在大的屏幕上顯示很大,小的屏幕上顯示很小,而正常情況下,在大小屏幕上,一般字體區(qū)別都不會很大

2017年10月30日 03:27