16px atau Teks Lebih Besar Mencegah Zoom Formulir iOS

Ini adalah “Today I Learned” yang luar biasa bagi saya dari Josh W. Comeau . Jika ukuran font-size <input> 16px atau lebih besar, Safari di iOS akan fokus ke input secara normal. Tapi segera setelah font-size 15px atau kurang, viewport akan memperbesar input tersebut. Agaknya, karena menganggap tipe itu terlalu kecil dan ingin Anda melihat apa yang Anda lakukan. Jadi itu memperbesar untuk membantu Anda. Aksesibilitas. Jika Anda tidak menginginkannya, buat font yang cukup besar.

Ini Pena Josh yang tepat jika Anda ingin bermain sendiri.

Secara umum, saya suka fitur ini. Ini membantu orang melihat apa yang mereka lakukan dan mencegah ukuran font super kecil. Apa yang sedikit mengecewakan – dan saya benar-benar tidak menyalahkan siapa pun di sini – adalah bahwa tidak semua tipografi dibuat sama dalam hal keterbacaan pada ukuran yang berbeda. Misalnya, inilah San Francisco versus Caveat pada 16px.

San Francisco di kiri, Cavet di kanan. Peringatan terlihat jauh lebih kecil secara visual meskipun font-size sama.

Anda dapat melihat contoh itu dalam Mode Debug untuk melihat sendiri dan mengubah ukuran font untuk melihat apa yang diperbesar dan tidak.


Postingan 16px atau Teks Lebih Besar Mencegah Zoom Formulir iOS muncul pertama kali di CSS-Tricks .

Anda dapat mendukung CSS-Tricks dengan menjadi Supporter MVP .

May 5, 2021

codeorayo

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com

Leave a Reply

Your email address will not be published. Required fields are marked *