Why does a website at 540 pixels look normal on a computer, but seems to be enlarged on a mobile device?

Question

iPhone

on mobile, the width is also 540 pixels. looked at all sorts of viewport added, removed, there is no effect.
In the browser itself, I did not include any increases, zoom with my fingers does not work,
why is that?
link

Answer 1

Remove extra viewport:
And bring to mind:

<meta name="viewport" content="user-scalable=no" />

Answer 2

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

Answer 3

@media screen and (max-device-width: 540px) {
  body {
    -webkit-text-size-adjust: none;
  }
}