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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -