استكشاف أخطاء اختفاء حدود Chrome عند Zoom

يتضمن القلق الذي أثير في سلسلة رسائل المنتدى هذه اختفاء حدود الإدخال في Chrome عندما يقوم المستخدمون بالتكبير أو خارج. في حين أن المشكلة قد لا تكون منتشرة لدى جميع المستخدمين، إلا أنها تؤثر على نموذج معين (متوفر على http://jsfiddle.net/TKb6M/91/).

عند التكبير إلى 90%، على سبيل المثال، النموذج الأصلي تختفي الحدود، مما يترك حقل الإدخال خاليًا من الزخارف البصرية. يذكر المستخدم أيضًا تضمين علامات بناءً على توصيات من موضوع آخر، والتي تهدف إلى تخصيص مساحة أفقية بكفاءة.

السؤال الذي يطرح نفسه هو ما إذا كانت هذه مشكلة في CSS أو سلوك معين في Chrome. بالإضافة إلى ذلك، يبحث المستخدم عن حلول لمنع هذا التأثير غير المرغوب فيه.

الحل المقترح

Original CSS

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

تعديل CSSINPUT,TEXTAREA { الحدود العلوية: صلبة رفيعة #aaa

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

تم الحصول على الحل من سلسلة رسائل منتدى منتجات Google: https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc.

من المفترض أن يؤدي تنفيذ هذا التغيير البسيط إلى تخفيف مشكلة اختفاء الحدود في Chrome، مما يضمن تجربة مستخدم متسقة بصريًا أثناء التكبير/التصغير.