viewpoint vw适配 兼容方案
1、postcss-viewport-units
https://www.npmjs.com/package/postcss-viewport-units
https://github.com/rodneyrehm/viewport-units-buggyfill
说明:
postcss-viewport-units
主要是给CSS的属性添加content
的属性,配合viewport-units-buggyfill
库给vw
、vh
、vmin
和vmax
做适配的操作。
如:
.box {
top: 2vw;
left: 1vw;
content: 'viewport-units-buggyfill;top: 2vw;left: 1vw;';
}
作者:孟繁贵 Email:meng010387@126.com 期待共同进步!