angularjs - meta tag viewport content width and initial scale having issues -
i developing webapp using angularjs. webapp loads fine when mobile device language set except chinese. debugged lot , found issue web app not loading because of meta view port tag in index.html. remove width , initial scale meta viewport tag, web app loads in mobile when language set chinese. navigator.language = "zh-cn" may know reason why creating problem when navigator.language set chinese ? there other alternate solution make webapp working? having below meta tag in index.html, doesn't render app if language set chinese
but if remove width , initial-scale, app renders if language chinese.
<meta name="viewport" content="maximum-scale=1.0, user-scalable=no, minimal-ui"/>.
i tired sample app, issue observed there well. please see below index.html can reproduce issue in android phone. tried in s3 , in s4 device . please me on issue. can copy below index.html , load in apache server see issue. moment remove width , initial-scale dom element, can see app loads perfectly.
please on issue
instead of setting initial-scale
and/or user-scalable
, try combining minimum
, maximum
scale. example:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
you don't need use minimal-ui
. apple dropped support in ios8.
Comments
Post a Comment