问答详情
源自:3-5 rem页面适配实战-2网易新闻h5页面开发3

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

@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);
    }
  }
}

提问者:梁凤波 2018-07-07 17:31

个回答

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

    是的,你说的没错