Задать вопрос

Как загрузить мобильную/Desktop-ную версии css (выбрать одну)?

Подскажите, пожалуйста, как исправить такую ситуацию:

В начале загрузки страницы (html) нужно выбрать: мобильное устройство, или нет (по ширене экрана будет достаточно). Затем загрузить соответствующий css фаил. Вот как делал я:

<head>
	<link rel='stylesheet' type='text/css' href='m.Main.css' media="all and (max-width:750px)"/>
	<link rel='stylesheet' type='text/css' href='Main.css' media="all and (min-width:751px)"/>
</head>


Но далее посмотрел в "историю загрузки" Firefox:

5b21488a8c368563718316.jpeg

И там видно, что загружаются оба файла => тратится трафик пользователя. (плохо)

Подскажите, пожалуйста, как этого избежать и загрузить только нужный фаил?
  • Вопрос задан
  • 291 просмотр
Подписаться 2 3 комментария
Подписчики вопроса 2 К ответам на вопрос (1)