## 為什么以一個標準適配的，其它寬度也能同等適配？ 開始適配時，我們是以設計稿750px適配的。 html font-size 基準值為 100px。此時相當于把屏幕分為7.5份，一份為100px。 ~~~ window.onresize = function() { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + "px" } ~~~ **我們是以標準適配寫代碼的，代碼時寫死的**，為什么其它大小的屏幕寬度也能同等適配呢？ 下面來證實這一點： 設屏幕寬度為：P 常量：Z = 7.5 html size 基準值為：Y = P / Z（單位px，其實是px/rem） 以標準適配時我們寫的代碼為：X（單位rem） X和Z為定值，假設X就為7.5（寬為100%時的rem值） 當P為750時，X * Y = P （7.5 * 100 = 750） 那么當P為其它值時如何保證 X * Y = P 恒成立呢？ X * P/Z = P X = Z 即證明成立。 * * * * * 即使我們不用這種方式證明，另外一種方式也可證明： 我們知道，標準適配時有： X * Y = P X已經是一個定值，變化的值有P和Y，P變化時，基準值Y也會變化。 而Y和P的關系是一個倍數關系，并且倍數是一個常量Z。 所以當P變化時，Y也與其發生相應成倍的變化，所以不論P怎么變化，以上公式恒成立。**即以一個標準適配后，其它寬度就能同等適配。** * * * * * 或者： 標準適配時的公式可以變形為： X * Y = Y * Z X是一個定值，Z是一個常量。從代碼中，我們知道基準值Y是一個動態值。 當Y發生變化，等式兩邊的Y也都一樣的變化，所以既然標準適配時公式成立，那么在所有情況下（Y為不同值時）也都會成立。 * * * * * last update：2018-7-16 17:13:12