Mengapakah sempadan input Chrome saya hilang apabila mengezum?

Menyelesaikan masalah Sempadan Chrome Hilang pada Zum

Kebimbangan yang dibangkitkan dalam urutan forum ini melibatkan kehilangan sempadan input dalam Chrome apabila pengguna mengezum masuk atau keluar. Walaupun masalah mungkin tidak berleluasa untuk semua pengguna, ia mempengaruhi bentuk tertentu (tersedia di http://jsfiddle.net/TKb6M/91/).

Apabila dizum kepada 90%, contohnya, yang asal sempadan lenyap, meninggalkan medan input secara visual tanpa hiasan. Pengguna juga menyebut termasuk teg berdasarkan pengesyoran daripada urutan lain, yang bertujuan untuk memperuntukkan ruang mendatar dengan cekap.

Timbul persoalan sama ada ini adalah isu dengan CSS atau gelagat khusus Chrome. Selain itu, pengguna mencari penyelesaian untuk mengelakkan kesan yang tidak diingini ini.

Cadangan Penyelesaian

Walaupun poster asal mungkin telah menangani kebimbangan itu, pengguna yang cerdik telah terjumpa seorang yang berterus terang penyelesaian. Dengan mengubah suai kod CSS, isu itu boleh diselesaikan.

CSS Asal

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

CSS Diubahsuai

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

Pengubahsuaian ini berkesan menggantikan nilai "1px" yang jelas dengan unit relatif "nipis". Akibatnya, sempadan mengekalkan penampilan yang konsisten tanpa mengira tahap zum.

Penyelesaian itu diperoleh daripada urutan forum produk Google: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

Melaksanakan pengubahsuaian mudah ini akan mengurangkan isu hilang sempadan dalam Chrome, memastikan pengalaman pengguna yang konsisten secara visual semasa mengezum.

Atas ialah kandungan terperinci Mengapakah sempadan input Chrome saya hilang apabila mengezum?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!