Why is there the display in the mobile versions of chrome and firefox?

Opening the website in chrome on the phone I was delighted and was happy until I saw the website in firefox:
Chrome01.03.15%2B-%2B3Firefox01.03.15%2B-%2B4
What could be the reason? Use
meta name="viewport" content="width=device-width, initial-scale=0.6"
For comparison, the firefox dev is displayed normally:
Chrome01.03.15%2B-%2B1Firefox01.03.15%2B-%2B2
2 answers
September 19th 19 at 00:31
the case in initial scale:
On the website Mozzilla dev code:
<meta name="viewport" content="width=device-width, initial-scale=1">

And you initial-scale=0.6.

I don't know why you want to use this value if intentionally, you have to overstimate your website under a more narrow width. To start, simply put initial-scale=1.0, as well as add maximum scale, minimum scale.
Here the most interesting: though initial-scale=1.0, at least initial-scale=0.6, all still looks the same. But the 0.6 - to display in chrome if 1.0, it will be like in mozilla. - george.Wiso commented on September 19th 19 at 00:34
try to remove firefox from your device, or reset it to default (if possible)... I did recently with initial-scale=0.66, dorstroyproekt.com - check this site in your devices and browsers. If the error in FF again, then the problem is in firefox, but I have (I test 5 months ago, when developed) all showed well in all browsers.
Maybe in new versions of ff something changed.

Also do not forget to specify max/min-scale - take a sample string with dorstroyproekt.com. - lyda_Dickins commented on September 19th 19 at 00:37
: Set initial-scale, as you have reinstalled firefox all to no avail. PS: Your site is displayed normally. - george.Wiso commented on September 19th 19 at 00:40
: but if you put width=600 pixels, then everything is fine. Pretty weird. The strange thing is that firefox (did alert($(window).width)) 980 pixels (screen resolution), although the window is clearly menbshe. Chrome shows the current window resolution. - george.Wiso commented on September 19th 19 at 00:43
: with mobile browsers all the trouble in the plan viewport. Everyone has their own preferences. Therefore it is better to put width=device-width and try to adapt to the minimum width of 320px. Good luck in adaptive layout. - lyda_Dickins commented on September 19th 19 at 00:46
thanks, in future projects will go into it more thoroughly! - george.Wiso commented on September 19th 19 at 00:49
September 19th 19 at 00:33
In the styles for the mobile version set in the css for body {min-width: 480px;} (for example) helps me.

Find more questions by tags Mobile developmentMozilla FirefoxWeb DevelopmentGoogle ChromeBrowsers