引入rem的js计算函数后根据设计稿尺寸比例构建sass的@function
假如设计稿尺寸为750那么1rem=10px
sass的@function就是
.test{
font-size: rem(16rem);
}
@functiion rem ($px) {
@return ($px/100)
}
输出结果为
.test{
font-size:0.16rem;
}
同样sass @function也可以进行更为复杂的运算来节省重复代码的过程
时间:23-03-21 浏览:547次 + 打印
引入rem的js计算函数后根据设计稿尺寸比例构建sass的@function
假如设计稿尺寸为750那么1rem=10px
sass的@function就是
.test{
font-size: rem(16rem);
}
@functiion rem ($px) {
@return ($px/100)
}
输出结果为
.test{
font-size:0.16rem;
}
同样sass @function也可以进行更为复杂的运算来节省重复代码的过程
上一篇:响应式网站和传统网站有什么区别?
下一篇:南京网站建设需要多少钱
我们将艺术与技术相结合,用创意和设计为客户创造商业价值,创造优秀的产品及服务体验!登陆之后可以获得更多的私人定制服务