Why is everything displayed normally in the developer panel, but not in online adaptivity tests?

Question

css

I look at the code and see that the media request did not work for what I needed.
Should I trust the online adaptability check?
You can move the roof, if you please everyone.
Why is the correct media query not working?

Code in dev panel without test

Code from the online service for checking adaptability

PS: The width is the same

Answer 1

Do not use third-party online services to test adaptability (unless they really provide a real virtual machine), because. they just mimic a small screen. This is better handled by the built-in developer tool feature in chrome
. Most likely your service is setting the screen width incorrectly. Trust chrome.