移动端使用scss适配屏幕宽度

最新推荐文章于 2025-02-21 09:12:10 发布

huahua614391996

最新推荐文章于 2025-02-21 09:12:10 发布

阅读量371

点赞数

文章标签： scss 前端 javascript

本文链接：https://blog.csdn.net/huahua614391996/article/details/132068115

版权

移动端使用scss适配屏幕宽度

// @charset 'UTF-8';
// @import 'base';//引入公共scss
// base文件
@function vw($px) {  
  // vw适配
    @return ($px / 750) * 100vw;
}

// 使用文件
 .text{
    font-size: vw(42);
    font-weight: 500;
    line-height: vw(42);
    margin-top: 50px;
  }