Как правильно использовать media queries?

Question

[Михаил Руденко]

Есть вот такой код:

<link rel="stylesheet" media="(min-width: 1024px)" href="css/desktop/main.css"/>
    <link rel="stylesheet" media="(max-width: 1023px) and (min-width: 800px)" href="css/tablet/main.css"/>
    <link rel="stylesheet" media="(max-width: 799px)" href="css/phones/main.css"/>

Вопрос в том-выгоднее ли использовать такой подход к media queries, просто не знаю подгружает ли браузер все файлы несмортя на свои размеры екрана или же определенный исходя из своего разрешения,просто медиа запросы в ксс использовать не выгодно , поскольку подгружается много ненужной информации.

Answer 1

[Дима Паутов]

А если размеров куча? Что, десятки файлов разные держать? Исходите из ситуации, если стилей очень много и размеров мало, то ваш вариант подходит, а когда стилей мало, но размеров много то проще все в 1 файле держать!

Answer 2

[Александр Петров]

А что мешает открыть девтулзы и проверить?
Браузер подгружает все стили.