Bolehkah CSS Sendiri Mengubah Saiz Imej Secara Berkadar?

Mengubah Saiz Imej Secara Berkadar dengan CSS

Adakah ia boleh mengurangkan saiz imej secara berkadar semata-mata dengan CSS? Walaupun JavaScript sedang digunakan, ia patut disiasat sama ada CSS boleh melakukannya.

Untuk mengekalkan nisbah bidang imej sambil mengubah saiznya dengan CSS, gunakan pendekatan berikut:

img.resize {
  width: 540px; /* you can use % */
  height: auto;
}

Dalam ini gaya, lebar imej ditetapkan manakala ketinggiannya boleh laras, memastikan imej kekal berkadar dan tidak diherotkan. Kaedah ini amat berguna untuk memastikan imej muat dalam bekas atau apabila dimensi imej tidak diketahui.

Atas ialah kandungan terperinci Bolehkah CSS Sendiri Mengubah Saiz Imej Secara Berkadar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!