当给一个 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);
}