Медиазапросы min-width и min-device-width

@Mailo · Регистрация: 18.02.2010

Author24 — интернет-сервис помощи студентам

Подскажите, почему:

CSS

1
2
3

@media only screen and (max-width : 1170px),
only screen and (max-device-width : 1170px){
}

Работает везде, а

CSS

1
2
3

@media only screen and (min-width : 1170px),
only screen and (min-device-width : 1170px){
}

Работает только в фаерфоксе, пока не напишешь вот так? :

CSS

1 2	@media only screen and (min-width : 1170px){ }

@mrtoxas · 28.02.2017, 09:21

Mailo, перед тем, как задумываться почему так происходит, лучше задуматься о том, зачем вам min-device-width.

@Mailo · 28.02.2017, 16:02 **[ТС]**

Да я сам не знаю что оно делает

Посмотрел какого то, вроде про, по адаптивной верстке он так медиазапросы пишет, вот решил вступить в клуб тайной магии, хотя смотрю тут в некоторых местах змеи водятся и некоторые верстальщики вообще одной строкой запросы пишут.

@mrtoxas · 28.02.2017, 16:17

Mailo, используйте min-width вместо min-device-width. Гугл даже где-то писал об этом, мол, если хотите нормальную поддержку устройствами.
Я min-device-width вообще смысла не вижу.

@Mailo · 28.02.2017, 20:21 **[ТС]**

ок, понял.

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	28.02.2017, 09:21	2
	Mailo, перед тем, как задумываться почему так происходит, лучше задуматься о том, зачем вам min-device-width. 0

@Mailo 228 / 208 / 27 Регистрация: 18.02.2010 Сообщений: 2,042
	28.02.2017, 16:02 [ТС]	3
	Да я сам не знаю что оно делает Посмотрел какого то, вроде про, по адаптивной верстке он так медиазапросы пишет, вот решил вступить в клуб тайной магии, хотя смотрю тут в некоторых местах змеи водятся и некоторые верстальщики вообще одной строкой запросы пишут. 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	28.02.2017, 16:17	4
	Сообщение было отмечено mrtoxas как решение Решение Mailo, используйте min-width вместо min-device-width. Гугл даже где-то писал об этом, мол, если хотите нормальную поддержку устройствами. Я min-device-width вообще смысла не вижу. 1

@Mailo 228 / 208 / 27 Регистрация: 18.02.2010 Сообщений: 2,042
	28.02.2017, 20:21 [ТС]	5
	ок, понял. 0

Опции темы

Медиазапросы min-width и min-device-width

Решение