Why is there a different display in mobile versions of chrome and firefox browsers?

Question

Google Chrome

When I opened the site in chrome on my phone, I was delighted and happy until I saw the site in firefox:
Chrome Firefox
What could be the reason? I use

meta name="viewport" content="width=device-width, initial-scale=0.6"

In comparison, the firefox dev site displays fine:
Chrome Firefox

Answer 1

it's the initial scale:
The Mozzilla dev site has this code:
And you have initial-scale=0.6.
I don’t know why you used this particular value, if it’s intentional, then you will have to make up your site for narrower widths. To get started, just set initial-scale=1.0 and also add maximum scale, minimum scale.

Answer 2

In the styles for the mobile version, set css for body {min-width: 480px;} (for example) helps me.