css transform scale 縮放空白問題?
因為影片格式:1:1所我縮放比例,影片RWD不裁切及隱藏.

div class="video_box"
video src="video/mvideo.mp4" autoplay muted loop></video
div

css______________
.video_box {
display : block;
overflow : hidden;
position : relative;
background-color: slateblue;
height : auto;
width : 100vw;
transform : scale(.98, 0.52);
transform-origin: left bottom;
margin-top : -50%;
}

video {
width: 100vw;
}

雖然看似決解問題,但在開發者工具,都會有影片跑版,缺一小部份問題?,但螢幕愈小,就正常顥示影片內容.

1:1影片怎麼RWD不裁切及隱藏

2.用縮放scale空白及跑版問題?怎麼處理比較好
3.影片加入(scale)絕對定位時沒有跟著position:relative;父層容器,脫離文本蓋住下一個DIV,不明原因,問題也不太清楚,但沒加transform: scale,定位很正常
4.有沒有文章可以深入瞭解?
5.使用bootstrap5有沒有更快更好方法?
6.預先感謝大家答