vw和rem

来源：6-4 动态计算font-size

johnny_2008

2021-11-12

老师您好，VW已经是相对单位了，那为什么还要用rem再转换呢，直接都用VW也可以吧？

如果设计稿是750的尺寸，上面显示的是一个100*100的盒子，那在iphone 6的375下是要除以2吗，也就是50*50大小?

老师这种单位换算用SASS或LESS更方便吧，后期能加餐吗，或老师出个进阶的高级课程哈哈

html{
font-size: 26.666667vw;
}
body{
font-size:4.2666vw;
}
div{
width: 26.666667vw;
height: 26.666667vw;
background: pink;
}

写回答

1回答

西门老舅

2021-11-13

已采纳

你好，一个一个回答

vw单位是可以直接适配移动端的，所以你继续往后看视频就知道了，哈哈
设计稿750，你是需要除以2的，不过这个工作，软件就可以帮我们去做了，PxCook、蓝湖都可以的。
SASS、LESS换算单位并不比软件PxCook、蓝湖快，因为软件直接就是rem和vw，连换算都不用。如果实际开发中没有设计稿源文件或者公司要求必须采用SASS等预编译编写，这个时候可以采用SASS换算、VScode插件换算、postcss-pxtorem换算等方案。
因为SASS、POSTCSS等内容，并不直接跟布局关联，且内容具多，所以就算给大家讲这部分内容，也只能开一门新课程了。