根据设计稿的响应式开发的简单实现

根据设计稿的响应式开发的简单实现

我是通过rem布局来实现的，比如设计稿的宽度为1440px

html {
   

  font-size: calc(100vw/1440);

}

通过calc计算出font-size的值，这时1rem就相当于设计稿的1px，那还原设计稿就简单了很多

当然如果是手机端，那还是要通过多媒体查询，再设置html中的font-size,一般手机端的设计稿都为750px

@media screen and(max-width:768px