Mengapa Sempadan Medan Input Saya Hilang dalam Chrome Apabila Mengezum?

Sempadan Sukar Chrome: Menyelesaikan Masalah Sempadan Input yang Hilang

Pengguna yang mengakses borang ringkas melalui Chrome mungkin menghadapi masalah apabila sempadan elemen input hilang apabila mengezum masuk atau keluar. Fenomena ini diperhatikan sekitar tahap zum 90%. Punca tingkah laku ini telah mencetuskan perdebatan, dengan sesetengahnya mengaitkannya dengan isu CSS dan yang lain mendakwa pepijat Chrome.

Punca Masalah

Punca punca tingkah laku ini nampaknya terletak pada enjin pemaparan penyemak imbas. Apabila menggunakan kata kunci "nipis" untuk menentukan lebar jidar, Chrome mentafsirkannya sebagai nilai piksel tertentu (selalunya sekitar 1px), yang tertakluk kepada ralat pembundaran semasa operasi zum. Ini boleh mengakibatkan ketebalan sempadan menjadi sifar, menyembunyikan sempadan elemen dengan berkesan.

Penyelesaian Mudah

Untuk menangani isu ini, pelarasan CSS mudah disyorkan. Daripada menggunakan "nipis", tentukan lebar jidar menggunakan nilai piksel tertentu. Sebagai contoh, menukar kod CSS daripada:

INPUT, TEXTAREA {
  border-top: thin solid #aaa;
}

kepada:

INPUT, TEXTAREA {
  border-top: 1px solid #aaa;
}

sepatutnya menyelesaikan masalah. Dengan mentakrifkan lebar jidar secara eksplisit, anda memintas ralat pembundaran Chrome dan memastikan keterlihatan sempadan yang konsisten merentas tahap zum yang berbeza.

Atas ialah kandungan terperinci Mengapa Sempadan Medan Input Saya Hilang dalam Chrome Apabila Mengezum?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!