vw/vh

相对单位

vw：viewport width

1vw = 1/100视口宽度

vh：viewport height

1vh = 1/100视口高度

开发中，会不会vw和vh混用呢？

不会。

vh是1/100视口高度，全面屏视口高度尺寸大，如果混用可能会导致盒子变形。

js小案例：

// 1 先获取全部按钮

let buts = document.querySelectorAll ('button')

// 给全部都设置点击事件

for (let i = 0 ; i < buts.length ; i++) {

// 给他们添加点击事件

buts[i].addEventListener('click', function () {

// 把全部获取过来 干掉所有

for (let j = 0 ; j < buts.length ; j ++) {

buts[j].classList.remove ('pink')

}

最后复活自己

this.classList.add ( pink')

console.log(buts[i]) }