Я создаю мобильный сайт и изучаю медиа-запросы, но мне не нравится отсутствие поддержки. Мне действительно интересно, какие методы или подходы обычно рекомендуются.
На нашем сайте мы используем head.js (http://headjs.com/), который добавляет классы в тег о клиенте, а именно: браузер, ширина и поддерживаемые функции. Что люди думают об использовании этого метода javascript как лучшего поддерживаемого способа работа с разными пользователями и соответственно изменение макета дизайна.
Я чувствую, что, возможно, этот JS-подход используется в качестве нашего основного метода, но может оказаться целесообразным использовать ряд других в качестве запасных вариантов. Вот, пожалуй, цепочка поддержки.
1-й: Все универсальные стили плюс макет для самого узкого окна устройства.
2-й: используйте какой-либо метод CSS-таргетинга, чтобы добавить таблицу стилей рабочего стола, если предполагается просмотр на рабочем столе, возможно, media = screen
После этого мы обрабатываем самый низкий и самый высокий знаменатель.
Наконец: используйте стили (ширину и т. Д.), Созданные в JavaScript, для точной настройки дизайна для разных макетов.
Мысли