viewport - Phonegap / Cordova InAppBrowser handels content different then Safari/Chrome Mobile -


i open external page in phonegap application

 window.open("https://external.com/external", "_blank", 'location=yes,enableviewportscale=yes'); 

unfortunately viewport not same in mobile-phones native browser. if open same page in chrome on nexus 4 see complete page (correct scaled). if open page through inappbrowser of phonegap see half of page , have scale see entire page.

the view-port meta tag following:

<meta name="viewport" content="width=640,user-scalable=no"> 

i tried set to

<meta name="viewport" content="width=device-width,user-scalable=no"> 

but page has scaled in native browser , displays correctly in inappbrowser.

can 1 me fix please?

thanks!

use

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

the above code open correct scaling in phone gap app opening in web browser


Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -