Наиболее часто используемые медиа-запросы для смартфонов и планшетов?

Question

Прямо сейчас, я использую этот для планшетов :

@media screen and (max-width: 960px) {
}

и этот для смартфонов :

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

Я хочу сделать это простым и использовать только два.Какие медиа-запросы наиболее часто используются для смартфонов и планшетов?

Answer 1

Я бы использовал для мобильных устройств:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)

И для планшетов:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

Не видел опубликованную дату ... немного устарел.