Why does the browser display my responsive site incorrectly?

Question

css

Hello. I am a beginner coder, I know the basics of HTML and CSS quite well. But now he began to make up his first modern and full-fledged website (before that, there were small projects that have not yet seen the light of day). Immediately faced with the problem of displaying the site on mobile devices. With the help of Google, I found a solution - media queries. Connected, designed, it seems to work. But I immediately ran into a problem - Chrome does not always correctly display content on smartphones, tablets and other devices. Tried Blisk. The problem is the same. It seems that the site looks great on the iMac, but reloaded the page - there was nothing like that at all, all the elements are small and look extremely bad. Maybe someone faced a similar problem?

Answer 1

If the site does not display well on different devices, it's not bad browsers, it's shit code. The adaptive is implemented not by single media queries, but also by the ability to build logic in the inter-breakpoint space, for example.
I recommend a more comprehensive approach to gaining knowledge and skills in layout + cross-browser compatibility.
A site without an adaptive in recent years (there are a number of exceptions, yes), this is the bottom of the market.