Как сделать Медиазапрос на проверку мобильного устройства?

Question

[pegas]

как сделать медиазапрос чтобы он реагировал только на мобильные устройства?
Сделал так,

@media (max-width: 600px) {
}

но если на компьютере сжать браузер то медиазапрос всё ровно выполняется, а не должен.

И это не работает

@media handheld and (max-width: 600px) {
}

Answer 1

[Владислав Лысков]

@media screen and (max-device-width: 600px) {

   }

handheld объявлен устаревшим

Answer 2

[cssfish]

1. "мобильное устройство" - это ппц размытое понятие
2. если мобильными считать все меньше айпада, то примерно так:
@media only screen and (max-width: 767px) { ... }
3. выполняется media или нет, зависит от наличия у вас мета тега <meta name="viewport"и его содержимого
4. max-device-width применять не надо, опираемся на width ( т.к. css пиксели чаще всего с железными не совпадают)