页面增加缩放样式之后,推流无法全屏


当给一个 div 元素设置 transform: scale(0.8) 时,这个 div 以及它的所有子元素都会按照比例缩小。如果子元素需要全屏显示,但因为父元素的缩放而受到影响,可以通过以下方法解决:
重置子元素的缩放比例
可以通过给子元素设置相反的缩放比例来抵消父元素的影响。例如,如果父元素的缩放比例是 0.8,可以给子元素设置 scale(1.25)(因为 1/0.8=1.25)。

 
.parent {
  transform: scale(0.8);
}

.child {
  transform: scale(1.25);
}

admin 2025年11月14日 14:25 收藏文档

开发者交流群

QQ群号:1011308692