Почему не работает media queries?

Question

[amberpow3r]

Помогите, пожалуйста, решить мою проблему.
Суть в том что при ресайзе окна браузера медиа запросы срабатывают, а если открыть этот же документ на телефоне или планшете (с экранами соответствующими брекпоинтам) то ничего не происходит.

подключил вот так вот:

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

сам запрос выглядит вот так:

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

Answer 1

[Sanan Yuzb]

добавьте эту строчку

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

Comments

[amberpow3r]

Спасибо!

[Евгений]

Спасибо, вы боженька