(一)问题
1、移动版 播放视频全屏退出 导致页面错乱;
2、放大缩小后,页面会错乱;
(二)原因
使用了rem适配,但是基准的页面值不准确导致的。文章来源:https://www.toymoban.com/news/detail-653504.html
window.innerWidth 不准确
需要换为 document.documentElement.clientWidth
文章来源地址https://www.toymoban.com/news/detail-653504.html
(三)代码
const doc = window.document;
const docEl = doc.documentElement;
const width = docEl.clientWidth;
const newRemSize = Math.floor(width * 100 /1920);
到了这里,关于Day 278/300 移动版 播放视频全屏退出 导致页面错乱的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!