rem
rem copied to clipboard
rem adapt
之前都好好的,目前失效了, 手机端没问题 就是chrome 模拟有问题 750尺寸下 iphone5以上都有问题
是不是 只需要改 var defaultFontSize = adapt(750, 100); ? 其实还有一种思路是利用 vw单位。
作者你好,我在这里寻找到你的作品,看了之后马上就投入了使用,项目进入了测试阶段,现在发现了一个很头疼的问题,就是在移动端竖屏或者横屏进入相反的状态下时,脚本没能执行,也就是说在屏幕得到响应的时候脚本未能响应,有什么处理方案吗?
关于4.1的问题
不好意思,想问下我在chrome上模拟手机端,发现4.1的方案是ok的,而且在w3c中对rem的明确定义就是the root element 的font-size,屏宽等均和你readme中的一致,想问下你的是在哪个手机下出现4.1不可以的情况的
首先先感谢下分享了您的优秀代码,现在想将这套方案用于自己的生产中,但是在学习的过程中有几个地方没有弄明白的,就是下面的几个值是如何计算出来的,定义好像没有说的很明白,希望可以提供帮助 方案4 18px中: 1rem实际值:64.6875px -> 这个实际值是什么意思 我的理解是 1rem = 1 * htmlFontSize * defaultFontSize = 351.5625% * 18px = 63.28125px 这个难道不是实际值么 6.4rem计算值360(按公式计算) -> 这个值应该是我需要的理想值吧
个人觉得head中append一个div元素不太合理,做了一点修正,看是否有必要merge?
### `在系统设置的字体大小发生改变时,defaultFontSize 会跟着改变,而 16 不会变化。所以方案3虽然表面上不考虑默认字体大小的变化,只关注屏幕与设计稿之间的宽度比,但在实际计算中还是使用到了默认字体大小,而且还有一个不变的 16 在作祟,导致方案3失败。` 这段话怎么理解?是说html设定了固定px,系统还会去根据默认字体大小去计算? html font-size显示设定为16px,不管系统或浏览器怎么变,html字体还是原来的啊。用%才会和默认字体有关系。 我觉得方案3才是最正确,没有绕弯的;使用%还需要考虑默认字体。
目前使用的是淘宝的rem库,要适配字体大小还是比较麻烦的。
求解为什么在640px屏宽下 1rem=100px,如果设计稿的宽度为1080在1080屏宽下1rem又等于几呢?