Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Meregangkan atau Mengskalakan Latar Belakang CSS agar Sesuai dengan Bekasnya?

Bagaimanakah Saya Boleh Meregangkan atau Mengskalakan Latar Belakang CSS agar Sesuai dengan Bekasnya?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-20 10:14:09949semak imbas

How Can I Stretch or Scale a CSS Background to Fit Its Container?

Regangan dan Penskalaan Latar Belakang CSS

Soalan: Bagaimana anda boleh membuat regangan atau skala latar belakang CSS agar sesuai dengannya bekas?

Jawapan:

Untuk mencapainya, anda boleh memanfaatkan sifat saiz latar belakang dalam CSS3.

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

Harta ini disokong oleh kebanyakan penyemak imbas moden sejak 2012, membolehkan anda mengawal kedua-dua lebar dan ketinggian anda latar belakang. Dengan menetapkan lebar kepada 100%, anda memastikan bahawa latar belakang menjangkau lebar keseluruhan bekas. Tetapan auto untuk ketinggian akan melaraskan secara automatik untuk mengekalkan nisbah bidang latar belakang.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meregangkan atau Mengskalakan Latar Belakang CSS agar Sesuai dengan Bekasnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn