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