老师,如果设计稿是750,视频中计算方式以375px计算,那么单位都除以2,那么我定义以750px设计稿为准,那是不是直接可以按照设计稿的单位了?

来源:3-5 rem页面适配实战-2网易新闻h5页面开发3

梁凤波

2018-07-07 17:31

@function px2rem ($px) {
  $rem: 75px;
  @return ($px / $rem) + rem;
}

.header {
  height: px2rem(80px);
  width: px2rem(750px);
  background-color: red;
  .header-item {
    float: left;
    color: #ffcdce;
    line-height: px2rem(80px);
    font-size: px2rem(32px);
    margin: 0 px2rem(24px);
    &-active {
      color: #fff;
      font-size: px2rem(34px);
    }
  }
}
写回答 关注

1回答

  • 小雄o
    2018-07-12 13:22:15

    是的,你说的没错

移动web开发适配秘籍Rem

移动web不求人,全面掌握移动web开发rem适配方案。

37076 学习 · 88 问题

查看课程

相似问题