О каких параметрах заботится медиа-тип css «карманный»?

Мне нужно изменить стиль на странице в зависимости от того, является ли это портативным устройством (например, мобильным телефоном) или устройством с большим экраном, таким как ноутбук, стационарный компьютер или планшет. .

Я знаю, что могу определить разрешение с помощью запроса css max-width и т.п., но это не кажется убедительным. Главным образом потому, что современные смартфоны имеют такие экраны с высоким разрешением. т.е. Sony Xperia S имеет экран с разрешением 720p на 1280, но это всего лишь 4,3 дюйма, при этом шрифт размером 10 пикселей, который можно было бы прочитать на обычном экране компьютера, станет слишком мелким для чтения.

Поэтому мне нужно чтобы узнать немного больше, чем просто разрешение, чтобы узнать, является ли это устройством с маленьким экраном или нет (и я предполагаю, что стиль media="handheld" css - это путь. Пожалуйста, поправьте меня, если я ошибаюсь).

Итак: о каких параметрах заботится медиа-тип css «карманный»?

  • Размер экрана устройства?
  • Размер окна браузера?
  • Пропускная способность?
  • Является ли информация о том, является ли устройство «карманным» или нет, просто параметром, который передается клиентом?
  • Включены ли планшеты в категорию «портативных» устройств?

и др.

Спасибо!

6
задан lindhe 3 June 2012 в 18:41
поделиться