100%与100vw/vh区别

区别

vw 和 vh 相对的是当前浏览器的视口. 例如: 当前视口尺寸为 375px 那么 100vw = 375px，与父元素的大小无关, 与是否有滚动条无关, 无论是否出现滚动条都是 375px

width = 100% 是指当前 width 相对于父元素的宽度，100%时宽度等于父元素的宽度，但是如果此时有滚动条，那么 100%并不包含滚动条的宽度