//跟字体大小
html{
font-size: 100px;
}
$baseFontSize:100;//基数
@function px2rem($px){
@return $px / $baseFontSize * 1rem;
}
//调用
.box{
width: px2rem(600);
height: px2rem(400);;
background-color: lawngreen;
}
利用SASS函数功能实现px转rem
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 前言 由于以前的srm移动应用项目采用ionic1.x版本进行开发的,由于性能不足诟病,导致想要对srm移动框架...
- 首先从元素拖拽开始,大概包含以下几个步骤 1.设置可拖拽目标(就是右边那两张图),设置它的draggable属性为...
- 自从新版移动端IM界面改用rem适配,效果实在太棒了。所以,接下来的主要工作会将一些核心页面,也从px向rem转移...