← Back to context

Comment by tillinghast

10 years ago

Viewport "bug" is a "feature" in iOS—change the textarea's font-size to 16px to override the auto-zoom.

2 comments

tillinghast

Reply
gideon_b  10 years ago

This works very well:

@media screen and (-webkit-min-device-pixel-ratio:0) { select:focus, textarea:focus, input:focus { font-size: 16px; } }

It uses a css selector only available on iOS devices and enables a larger font to prevent zoom.

[Original concept] http://stackoverflow.com/a/16255670/209005

  • colinbartlett  10 years ago

    There are quite a few good code snippets and suggestions for improvements to the CSS here.

    I only wish there was some collaborative environment we could use to request changes to the code be pulled in and utilized.