uni-app 视频全屏播放后返回字体变大

uni-app 视频全屏播放后返回字体变大

2 回复

不是百分百出这个问题,要多试几次

更多关于uni-app 视频全屏播放后返回字体变大的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个常见的CSS样式问题。当视频全屏播放退出后,页面字体变大通常是由于全屏状态下的样式影响未正确重置导致的。

主要原因和解决方案:

  1. 视口单位计算差异:全屏模式下视口尺寸变化可能导致基于vw/vh单位的字体计算异常。建议检查并重置相关样式。

  2. CSS样式污染:全屏API可能修改了某些全局样式。可以在全屏退出时强制重置字体大小:

/* 在全局样式中设置 */
body {
  font-size: 16px !important;
}
  1. 使用uni-app的video组件时,建议在全屏切换事件中手动处理:
onFullscreenChange(e) {
  if (!e.detail.fullScreen) {
    // 退出全屏时重置页面样式
    document.documentElement.style.fontSize = '16px';
  }
}
回到顶部