Bagaimana untuk Membetulkan Anomali Ubah Saiz Imej CSS?

Menyelesaikan Anomali Ubah Saiz Imej CSS

Apabila mengubah saiz imej yang ditetapkan melalui panel pentadbir, anda mungkin menghadapi keadaan di mana imej mengecut bersama-sama atau telah diherotkan nisbah aspek. Isu ini timbul daripada penggunaan sifat CSS tertentu.

Untuk membetulkannya, ikut langkah berikut:

1. Alih keluar sifat tinggi. Secara lalai, ketinggian imej akan dilaraskan secara automatik.
   2. Sematkan sama ada sifat lebar atau tinggi sambil menetapkan yang lain sebagai auto. Ini memastikan pengekalan nisbah bidang imej.

Contohnya:

img {
  max-width: 100%;
  height: auto;
}

Dalam contoh ini, lebar dikunci pada 100%, manakala ketinggian dilaraskan dengan sewajarnya. Imej kini akan mengubah saiz dengan betul tanpa regangan atau mengecut.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Anomali Ubah Saiz Imej CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!