如果是用flexible.js设置font-size的大小,那么在写元素大小的时候该怎么写,是按照font-size:64px去继承写rem,参照尺寸是哪个?
还有我之前写手机端用的是媒体查询+css的方式,
用sass定义了px转换成rem的方法,可以动态计算。
但是现在改用这个插件,那么px转换rem的方法改怎么修改才有用。
全选复制放进笔记@function pxTorem($px){
//$px为需要转换的字号
@return $px / $browser-default-font-size * 1rem;
}
15年初的时候就开始用类似方案,配合 SASS 写个函数,其中 $w 为设计稿的宽除以10。
// rem 基准值,psd宽为750px
$w: 75;
@function rem($n) {
@return ($n/$w) + rem;
}
为你的 SCSS 文件引入上面的函数后,你在写代码时就只要量取PSD中的真实像素,然后按以下方式书写即可。
.header {
width: rem(200);
height: rem(400);
margin-top: rem(-20);
}
如果以前使用的是媒体查询来设置根字体的font-size,可以参考我的另一个批量修改方法,工具是Sublime Text 3。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。