Ответ 1
Вы можете использовать polyfill, например https://github.com/paulirish/matchMedia.js/
В ожидании гибкого дизайна, чтобы найти путь к устаревшему веб-сайту, я хотел бы перенаправить браузер на мобильную версию, если экран меньше 480 пикселей
Охота вокруг я придумал
var isSmall = window.matchMedia ?
window.matchMedia("screen and (max-width: 480px)") :
screen.width<=480;
Вопрос
Является ли это приемлемым в 2014 году или есть лучший/более безопасный/более новый способ делать то, что я хочу, не используя нюхание useragent?
Ссылки
JavaScriptKit CSS сопоставление медиа-запросов в JavaScript с помощью window.matchMedia()
QuirksMode screen.width бесполезен (отсюда добавление matchMedia)
Вы можете использовать polyfill, например https://github.com/paulirish/matchMedia.js/
вы можете использовать bootstrap http://getbootstrap.com/ или
фундамент http://foundation.zurb.com/
эти две структуры имеют мощные макеты устройств.
Да, есть много сложных способов:), чтобы выбрать ширину окна, но в нашем представлении 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 > . Ваше мобильное разрешение не является вашей мобильной шириной экрана. поэтому, когда вы включаете свои трюки, чтобы знать только ширину окна или что-то, что вы просто увеличиваете нагрузку на приложения, это будет проблемой для вашего пользователя. Но вы знаете, что это проблема дизайнера, почему они усложняют дизайн для разработчиков и для конечных пользователей.:)