rem是相对应的根标签的字体大小的系数单位 不同浏览器根标签的默认字体大小不一样,所以js动态设置 在750的设计图下,我们为了便于开发将根元素的字体大小设置成100px 100px是一个单位,是750/7.5得出 道理是750,我自己分成7.5份 ...
function var docEl document.documentElement var resize orientationchange in window orientationchange : resize var setRem function var screenWidth docEl.clientWidth window.screen.width PSD宽度 可变的 docEl ...
2016-10-31 14:28 0 1840 推荐指数:
rem是相对应的根标签的字体大小的系数单位 不同浏览器根标签的默认字体大小不一样,所以js动态设置 在750的设计图下,我们为了便于开发将根元素的字体大小设置成100px 100px是一个单位,是750/7.5得出 道理是750,我自己分成7.5份 ...
使用rem是为了界面响应不同尺寸的手机,引入下面的方法就可以使用rem了。 使用这个方法的代码: this.setFontSize(document, window) ...
方案需求: rem 单位在做移动端的h5开发的时候是最经常使用的单位。为解决自适应的问题,我们需要动态的给文档的根节点添加font-size 值。 使用mediaquery 可以解决这个问题,但是每一个文件都引用一大串的font-size 值很繁琐,而且值也不能达到连续的效果。 就使用js ...
//设置根元素字体 var win = window, doc = document; function setFontSize() { var winWidth = $(window).width(); //750这个数字是根据你的设计图的实际大小来的,所以值具体根据设计图的大小 ...
上面代码针对的是设计稿为1920时的写法 这种设置下,比如设计稿一个box宽为40px,则转换之后则可以写成 一般情况下对于单屏页面高的设置可以采用vh单位 比如设计稿的box高为100px,设计稿单屏页面高度为960px,则可以设置高为 100/960*100 ...
可直接放在页面头部 ...
淘宝——移动端页面终端适配 注:本文参考自:http://www.cnblogs.com/xianyulaodi/p/5533201.html 转载地址 ...
网上看到很多移动端适配的各种方法,由于原来工作中对rem的疏忽,所以决定重新学习rem~ 由于移动端特殊性,本文讲的是如何使用rem实现自适应,或叫rem响应式布局,通过使用一个脚本就可以rem自适应,不用再为各种设备宽度不同而烦恼如何实现自适应的问题。 rem是相对于根元素< ...