By
Radiocity
Всех приветствую.
Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы.
В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров:
<link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link rel="stylesheet" type="text/css" href="enhanced.css" /><![endif]--> Однако, согласно тестам, браузеры игнорируют параметр media при загрузке стилевых таблиц. Тогда, чем же подход демо хорош? В чем его преимущества, если получится на один запрос больше?
Далее, не совсем понятно, причина использования значения 40.5em. Почему используется относительная величина, если первоначальный размер шрифта в браузере может быть абсолютно любым?
Также в демонстрационной версии не обнаружил подключения поддержки html5 тегов для старых браузеров (html5shiv) или аналог. Полифилы в modernzr тоже не подключены. Как тогда решена проблема поддержки? Плохое демо?
UPDATE: Кажется, с последним вопросом разобрался. Используется подход «HTML 4 - для стилизации, HTML5 - для значения/семантики»
Question
ByKraB
Приветствую всех.
Наткнулся на хабре на несколько статей, в которых обсуждается, какие единицы измерения использовать при указании размеров шрифтов во время верстки.
Прочитал статьи и еще больше запутался))
В одних пишут, что em необходимо для нормального масшатбирования, в других пишут, что браузеры уже умею масштабировать px.
В общем, то ли статьи старые, то ли я дурак)
Конкретно на данный момет, какие преимущества от использования em вместо px ?
Поддержка ie ниже 9 версии не планируется.
Edited by ByKraBLink to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.