hbxeagle / rem Goto Github PK
View Code? Open in Web Editor NEWrem adapt
rem adapt
在系统设置的字体大小发生改变时,defaultFontSize 会跟着改变,而 16 不会变化。所以方案3虽然表面上不考虑默认字体大小的变化,只关注屏幕与设计稿之间的宽度比,但在实际计算中还是使用到了默认字体大小,而且还有一个不变的 16 在作祟,导致方案3失败。
这段话怎么理解?是说html设定了固定px,系统还会去根据默认字体大小去计算?
html font-size显示设定为16px,不管系统或浏览器怎么变,html字体还是原来的啊。用%才会和默认字体有关系。
我觉得方案3才是最正确,没有绕弯的;使用%还需要考虑默认字体。
不好意思,想问下我在chrome上模拟手机端,发现4.1的方案是ok的,而且在w3c中对rem的明确定义就是the root element 的font-size,屏宽等均和你readme中的一致,想问下你的是在哪个手机下出现4.1不可以的情况的
你好, 我看到文章中有说 1rem = 1 * (htmlFontSize / 16) * defaultFontSize 而不是 1rem = 1*htmlFontSize,对这个很好奇,可否告知复现的条件,我想复现一下,做个研究,多谢
目前使用的是淘宝的rem库,要适配字体大小还是比较麻烦的。
看到最后发现是 by 2016.12.06 我还以为我穿越了呢~ 哈哈~
关于android/IOS的DPR值没有考虑进去,如果要做高清适配,是不是还需要增加DPR的识别和设置???
你好,请问一下,我这套方案四的js 放在ie浏览器中,很多属性都没法识别支持,我想兼容到ie8,请问有什么好的办法?
是不是 只需要改 var defaultFontSize = adapt(750, 100); ?
其实还有一种思路是利用 vw单位。
1.使用flexible :flexible
2.ios的 dpr不为1才是关键难调!
之前都好好的,目前失效了, 手机端没问题 就是chrome 模拟有问题 750尺寸下 iphone5以上都有问题
如果设计稿是750px的,adapt函数设置需要更改成(750,117.1875)吗,这时候页面计算时候用原有的px除以的值是多少呢,是117.1875吗
首先先感谢下分享了您的优秀代码,现在想将这套方案用于自己的生产中,但是在学习的过程中有几个地方没有弄明白的,就是下面的几个值是如何计算出来的,定义好像没有说的很明白,希望可以提供帮助
方案4 18px中:
1rem实际值:64.6875px -> 这个实际值是什么意思 我的理解是
1rem = 1 * htmlFontSize * defaultFontSize = 351.5625% * 18px = 63.28125px 这个难道不是实际值么
6.4rem计算值360(按公式计算) -> 这个值应该是我需要的理想值吧
在谷歌浏览器上模拟手机调试字体不能自动变化 要手动刷新 是什么原因
求解为什么在640px屏宽下 1rem=100px,如果设计稿的宽度为1080在1080屏宽下1rem又等于几呢?
作者你好,我在这里寻找到你的作品,看了之后马上就投入了使用,项目进入了测试阶段,现在发现了一个很头疼的问题,就是在移动端竖屏或者横屏进入相反的状态下时,脚本没能执行,也就是说在屏幕得到响应的时候脚本未能响应,有什么处理方案吗?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.