在使用CSS编写移动端的页面样式时，由于不同手机的屏幕宽高不同，屏幕适配会比较麻烦。针对这类问题，通过视口单位可以有效解决。视口表示可视区域的大小，视口单位主要包括vw（Viewport Width）和vh（Viewport Height），在CSS中很常用。在微信小程序中也可以使用vw和vh单位。使用视口单位时，系统会将视口的宽度和高度分为100份，1vw占用视口宽度的百分之一，1vh占用视口高度的百分之一。vw、vh是相对长度单位，永远以视口作为参考。例如，屏幕宽度为375px，那么1vw=375px/100=3.75px。