rem, vw等適配方案的意義

我怎么適配？
這個問題很多大佬都提出了方案，什么rem，vw，各種玩法
我要適配的是什么，適配成怎樣？
這個問題，基本就少有大佬提到。我們連目標都不清晰，就各種適配方案弄得風生水起了。移動端有一句話，文字流式，控件彈性，圖片等比縮放（控件指的是Header組件，列表的ListItem等）。那在我們前端是又是什么規(guī)則？我看過不少項目，全程rem，或者vw（除了某些樣式如1px的border）。那我們適配，就是盡量把每個元素等比縮放？這樣就ok了？
針對第二點的末尾，每元素都等比縮放，那我大可以把viewport設置width為750，然后里面全用px，基本上所有的分辨率都自動適配呀，那搞rem，vw還有什么意義，不是否定他的意義，而是目前還不能理解他的好，好在哪里？
```
歡迎大佬們來解答。
```

回答

編輯回答

別傷我

750的設計稿引入JS
http://static.leiting.com/lib...
640的設計稿引入JS
http://static.leiting.com/lib...

使用移動端文檔頭
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">

布局就正常切圖
nPX/100即可
例如：10px=.1rem

至于為啥是/100
document.documentElement.clientWidth/7.5
OR
document.documentElement.clientWidth/6.4

使用REM主要是 REM是根據body的font-size來計算上面的算法就是計算 body的font-size，然后賦值給body
document.documentElement.style.fontSize=document.documentElement.clientWidth/7.5+'px'

2017年11月20日 09:39

編輯回答