實現(xiàn)html頁面整體縮放 HTML5手機(jī)端頁面縮放問題應(yīng)該如何解決?
HTML5手機(jī)端頁面縮放問題應(yīng)該如何解決?要做一個H5移動終端項目,首先要做好適應(yīng)工作一般來說,在H5頭上做個說明。&Ltmeta name=“viewport”content=“width=devi
HTML5手機(jī)端頁面縮放問題應(yīng)該如何解決?
要做一個H5移動終端項目,首先要做好適應(yīng)工作
一般來說,在H5頭上做個說明。
&Ltmeta name=“viewport”content=“width=device width,initial scale=1,user scale=no,minimum scale=1.0,maximum scale=1.0”>
上面的意思是寬度是屏幕的寬度,比例是1,不允許調(diào)整比例,最小比例是1,最大刻度為1。
然后與REM合作以適應(yīng)各種類型的手機(jī)。
1. 使用REM來匹配VW
2。使用REM來匹配根元素的字體大小
我選擇了第二種方法來動態(tài)計算HTML根元素的字體大小,然后使用REM。兼容各種手機(jī)。