dan dengan CSS Tulen? " /> dan dengan CSS Tulen? " />
Simulasi Latar Belakang Muka Depan untuk
Mencapai kesan "saiz latar belakang: penutup" yang konsisten untuk elemen seperti < video> dan telah menjadi cabaran lama.
Penyelesaian CSS tanpa Kes Tepi:
Daripada bergantung pada skrip, penyelesaian CSS tanpa kes tepi boleh dilaksanakan menggunakan langkah berikut:
Contoh:
<code class="css">.parent-element-to-video { overflow: hidden; } video { height: 100%; width: 177.77777778vh; /* 100 * 16 / 9 */ min-width: 100%; min-height: 56.25vw; /* 100 * 9 / 16 */ }</code>
Video Berpusat:
Untuk memusatkan video, gunakan CSS berikut:
<code class="css">.parent-element-to-video { position: relative; } video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }</code>
Atas ialah kandungan terperinci Bagaimana untuk Mencapai Kesan \'Saiz Latar Belakang: Penutup\' yang Konsisten untuk