Is there a way to disable the zoom feature on input fields in webview?

android webview textinput
dlewis22 picture dlewis22 · Sep 13, 2010 · Viewed 18.9k times · Source

When a user clicks in an input field or textarea, the application zooms in. Is there a simple way to disable it?

Currently have the meta tag:

meta name="viewport" content="width=device-width; height=device-height; initial-scale=1.0; maximum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi;"

Everything looks great till I look at it on a device with Android 2.2 Specifically HTC Evo 4G.

Answer

TheisEgeberg picture TheisEgeberg · Nov 2, 2010

I messed around with this alot.

You have to have different solutions for different screen sizes and phones, done serverside.

This works for a HTC desire for instance:

<meta content='True' name='HandheldFriendly' />
<meta content='width=640px; initial-scale=0.50; maximum-scale=0.50;minimum-scale=0.50;' name='viewport' />
<meta name="viewport" content="width=640px" />

This is for an iphone:

<meta name="viewport" content="width=640px,user-scalable=0" />

Related questions

Android Calling JavaScript functions in WebView

I am trying to call some javascript functions sitting in an html page running inside an android webview. Pretty simple what the code tries to do below - from the android app, call a javascript function with a test message, …

Read More
Android Webview - Webpage should fit the device screen

I have tried the following to fit the webpage based on the device screen size. mWebview.setInitialScale(30); and then set the metadata viewport <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="viewport" content="width=…

Read More
File Upload in WebView

I have been struggling to upload files from WebView since last few days and there is no progress. I googled and implemented all suggested solutions but none works, like: solutions suggested here, and so on. Problem: I have a HTML …

Read More