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
Post a Comment