## 为什么以一个标准适配的，其它宽度也能同等适配？ 开始适配时，我们是以设计稿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