Unwanted scaling on mobile devices

问题

Cant understand how to avoid scaling on mobile devices. It should work without any responsive rules like meta-viewport. Tried a lot of variants but the page initially loads magnified and becomes as wanted only after zooming out.

here is my case http://alardeem.ru/temp/test/index.html

回答1:

The following tag you use

<meta name="viewport" content="width=device-width, initial-scale=1">

tells a browser about initial scale only. If you add maximum scale info, it should work properly:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui">

Let me know if it works for you

来源：https://stackoverflow.com/questions/38313229/unwanted-scaling-on-mobile-devices