方案需求：
rem單位在做移動端的h5開發的時候是最經常使用的單位。為解決自適應的問題，我們需要動態的給文件的根節點新增font-size值。
使用mediaquery可以解決這個問題，但是每乙個檔案都引用一大串的font-size值很繁瑣，而且值也不能達到連續的效果。
就使用js動態計算給文件的fopnt-size動態賦值解決問題。
設計稿以750為準。其中測試的設計稿中標註此div的width:750px;height:200px;
方案一：
style="width:18.75rem;height:5rem;background:#f00;color:#fff;text-align:center;">
此時在iphone6上測試，width:375px，也即width:100%。
此時 1rem = 40px;將設計稿標註的寬高除以40即可得到rem的值。
方案二：
html
*style>
此時 1rem = 20px;將設計稿標註的寬高除以20即可得到rem的值。div>
write by tuantuan
移動端布局js動態計算rem動態設定頁面的字型大小
var html document.documentelement var htmlw html.clientwidth html.style.fontsize htmlw 10.8 px var pixelratio 1 window.devicepixelratio console.log wi...
JS動態計算移動端rem的解決方案
首先介紹下rem 說起rem就的說px，em px為單位 在web頁面初期製作中，我們都是使用 px 來設定我們的文字，因為他比較穩定和精確。但是這種方法存在乙個問題，當使用者在瀏覽器中瀏覽我們製作的web頁面時，他改變了瀏覽器的字型大小，這時會使用我們的web頁面布局被打破。這樣對於那些關心自己 ...
js給動態新增的元素新增屬性
將一段標籤動態新增到div中，給這段標籤的img標籤設定width 100 一開始設定了新增類名 內容 const content res.data.data.info.content document.getelementbyid content innerhtml content var a d...