Why doesn't media queries work?

Question

css

Please help me solve my problem.
The bottom line is that when the browser window is resized, media queries are triggered, and if you open the same document on a phone or tablet (with screens corresponding to breakpoints), then nothing happens.
connected like this:

<link rel='stylesheet' media='screen and (max-width: 480px)' href='media_queries.css' />

The request itself looks like this:

@media only screen and (max-width: 480px) {
.....
}

Answer 1

add this line

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