Самый новый метод обнаружения малого экрана

В ожидании гибкого дизайна, чтобы найти путь к устаревшему веб-сайту, я хотел бы перенаправить браузер на мобильную версию, если экран меньше 480 пикселей

Охота вокруг я придумал

var isSmall = window.matchMedia ? 
              window.matchMedia("screen and (max-width: 480px)") : 
              screen.width<=480;

Вопрос

Является ли это приемлемым в 2014 году или есть лучший/более безопасный/более новый способ делать то, что я хочу, не используя нюхание useragent?

Ссылки

MDN Window.matchMedia
JavaScriptKit CSS сопоставление медиа-запросов в JavaScript с помощью window.matchMedia()
QuirksMode screen.width бесполезен (отсюда добавление matchMedia)

Ответ 1

Вы можете использовать polyfill, например https://github.com/paulirish/matchMedia.js/

Ответ 2

вы можете использовать bootstrap http://getbootstrap.com/ или
фундамент http://foundation.zurb.com/
эти две структуры имеют мощные макеты устройств.

Ответ 3

Да, есть много сложных способов:), чтобы выбрать ширину окна, но в нашем представлении Team вам не нужно было включать какие-либо трюки, чтобы знать только windows.width, потому что у jQuery есть функция .width(), например:

var window_width = $(window).width();
if( window_width <= 480 ){
  console.log(window_width);
}

Iphone 4S, Iphone 5, Iphone 5S Каждая Ширина экрана 320 пикселей strong > . Ваше мобильное разрешение не является вашей мобильной шириной экрана. поэтому, когда вы включаете свои трюки, чтобы знать только ширину окна или что-то, что вы просто увеличиваете нагрузку на приложения, это будет проблемой для вашего пользователя. Но вы знаете, что это проблема дизайнера, почему они усложняют дизайн для разработчиков и для конечных пользователей.:)