uni-app 视频全屏播放后返回字体变大
uni-app 视频全屏播放后返回字体变大
2 回复
这是一个常见的CSS样式问题。当视频全屏播放退出后,页面字体变大通常是由于全屏状态下的样式影响未正确重置导致的。
主要原因和解决方案:
-
视口单位计算差异:全屏模式下视口尺寸变化可能导致基于vw/vh单位的字体计算异常。建议检查并重置相关样式。
-
CSS样式污染:全屏API可能修改了某些全局样式。可以在全屏退出时强制重置字体大小:
/* 在全局样式中设置 */
body {
font-size: 16px !important;
}
- 使用uni-app的video组件时,建议在全屏切换事件中手动处理:
onFullscreenChange(e) {
if (!e.detail.fullScreen) {
// 退出全屏时重置页面样式
document.documentElement.style.fontSize = '16px';
}
}

