(一)问题
1、移动版 播放视频全屏退出 导致页面错乱;
2、放大缩小后,页面会错乱;
(二)原因
使用了rem适配,但是基准的页面值不准确导致的。
window.innerWidth 不准确
需要换为 document.documentElement.clientWidth
(三)代码
const doc = window.document;
const docEl = doc.documentElement;
const width = docEl.clientWidth;
const newRemSize = Math.floor(width * 100 /1920);