Mengapakah `transform: scale` Menyebabkan Isu Limpahan dalam Chrome?

Menukar dengan Skala dalam Chrome: Enigma Limpahan

Apabila berurusan dengan transformasi CSS3: harta skala, isu yang tidak dijangka timbul. Percubaan untuk mencipta kesan zum dengan menambahkan limpahan: tersembunyi dan jejari sempadan pada div induk menyebabkan div anak melangkaui sempadan induk.

Untuk menyelesaikan keanehan ini, sifat transform: translateZ(0) boleh digunakan pada elemen pembalut. Penambahan ringkas ini membolehkan transformasi skala berkelakuan seperti yang diharapkan, menghalang elemen anak daripada melimpahi induknya.

Teknik ini memanfaatkan kesan translateZ(0) pada prestasi pemaparan, seperti yang dibincangkan secara mendalam dalam artikel " Prestasi CSS berbanding translateZ(0)." Penggunaan satah Z secara berkesan mencetuskan pecutan perkakasan, memastikan transformasi dilaksanakan dengan cekap dan tanpa gangguan yang dihadapi tanpanya.

Atas ialah kandungan terperinci Mengapakah `transform: scale` Menyebabkan Isu Limpahan dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!