VW implements mobile-adaptive pages

First, equipment support situation

Test site: https://caniuse.com/#search =VW

Css3test:https://airen.github.io/css3test/,https://github.com/airen/css3test

1, PC-side

2. Mobile Terminal

Second, the shortage of VW

For example, when the container uses the VW unit, the margin uses PX units, it is easy to cause the overall width of more than 100VW, thus affecting the layout effect. For similar phenomena, we can use the relevant technology to circumvent. For example, change the margin to padding, and cooperate with box-sizing. But this is not the best solution, as the future browser or application of its own webview to the Calc () function, when encountered when the VW and PX mixed use , can be combined with the calc () function together, so it can be solved perfectly.

VW implements mobile-adaptive pages