前端学习第29天之VW

今天是学习前端的第29天，今天的主要学习内容是移动适配之VW。

上午利用前一天学习rem单位和less插件编写“游乐园”移动端的其中一个简单页面。

 

 

注意：一定要记得导入flexble.js文件。

VW是下午的主要学习内容。

VW是相对单位。
个人认为几乎与rem差不多相同，不过1vw等于1/100视口宽度，而rem是相对于HTML标签的字号大小，1rem=HTML字号大小。

使用vw的目的是实现在不同宽度的设备中，网页元素尺寸等比例缩放的效果。
一般情况下，不会使用vh，因为在不同设备中是视口的高度差异性太大，不易于使用。

我利用vw模仿B站的移动端页面。