Why doesn't responsive design work only in safari?

Question

css

I set up an adaptive design for the site, which is displayed in chrome, mozilla, but safari does not want to accept it. On phones, respectively, everything is also displayed correctly. I would like to work through safari so that the adaptive design is correct.
I inserted the meta tag (I tried different combinations of it - nothing helped).

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

css has similar settings

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)

Answer 1

Because you need to use min-width instead of min-device-width.