微信上有时候字体会变大（笔记）

高清方案在手机微信上的一个奇葩问题，当字数变多，会莫名其妙的变大。

还是决定给 max-height 一个具体数值比较好，之前给的是 100% ，但有自身的局限性，比如 antd 的轮播组件在 max-height:100% 的情况下就不能正常显示。

https://github.com/ant-design/ant-design-mobile/issues/732。（借鉴）

（高清方案代码是根据设备的dpr动态设置html 的 font-size，）

如果dpr=1(如电脑端），则html的font-size为50px，也就是 1rem = 50px

如果dpr=2(如iphone 5 和 6），则html的font-size为100px，也就是 1rem = 100px

如果dpr=3(如iphone 6 sp），则html的font-size为150px，也就是 1rem = 150px

如果dpr为其他值，即便不是整数，如3.4 , 也是一样直接将dpr 乘以 50 。

（将1rem默认100px，可以快速换算单位，比如在750宽度下的效果图，某元素宽度为53px，那么css宽度直接设为53/100=0.53rem了。）