这个屌丝很懒，什么也没留下！

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

作者：繁依Fanyi0 | 2024-03-20 04:42:49

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

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

html {
   

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

}
1
2
3
4
5
6

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

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

@media screen and(max-width:768px

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/270784