vw单位在使用过程中,可能会出现两个元素直接出现1px的空隙问题,这个问题在部分分辨率的手机中出现。
`
Document html,body{height: 100%;} html { margin: 0;padding: 0; } body { margin: 0;padding: 0; } .a1 { height: 100%; display: flex; flex-direction: column; background: red; margin: 0;padding: 0; } .a2 { height: 17vw; background: blue; margin: 0;padding: 0; } .a3 { flex: 1; background: blue; margin: 0;padding: 0; }1
2
以上使用17vw会造成上下两个元素间出现1px的空隙,改成px就不会出现了