Bagaimanakah Saya Boleh Mencapai Gelagat `saiz latar belakang: penutup` CSS dengan Elemen Imej HTML?

Meliputi dan Mengandungi Imej dengan Elemen HTML

Saiz latar belakang CSS: penutup dan mengandungi sifat menyediakan penskalaan imej yang fleksibel untuk latar belakang. Walau bagaimanapun, bagaimana jika anda mahukan kawalan serupa ke atas imej yang dipaparkan menggunakan elemen HTML? Begini caranya:

Penyelesaian 1: Harta muat objek

Sifat muat objek membolehkan anda menentukan cara imej muat dalam bekasnya. Menetapkannya kepada penutup mereplikasi gelagat saiz latar belakang: penutup, menskalakan imej untuk mengisi keseluruhan bekas sambil mengekalkan nisbah bidang.

img {
  object-fit: cover;
}

Nota: IE tidak menyokong objek -sesuai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Gelagat `saiz latar belakang: penutup` CSS dengan Elemen Imej HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!