移动端自动将px转化成rem

最新推荐文章于 2025-02-25 17:59:07 发布

原创最新推荐文章于 2025-02-25 17:59:07 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

知识点专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用Sass预处理器的方法，通过定义变量和函数实现像素到rem单位的灵活转换，以此来创建响应式布局。具体展示了如何定义一个默认字体大小变量，并基于此变量创建了一个将像素值转换为rem单位的函数。

	$browser-default-font-size: 37.5px !default; //变量的值可以根据自己需求定义
	@function pxTorem($px) {
		//$px为需要转换的字号
		@return $px/$browser-default-font-size*1rem;
	}
	//使用
    .box {
        width:pxTorem(100px)
    }