- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Прочел несколько статей про адаптивную верстку, но понятного решения по шрифтам не обнаружил.
Все авторы пишут о том, что нужно задавать размер шрифта в относительных единицах или в процентах. При этом реальный размер шрифта браузер будет вычислять исходя из базового значения в 16 рх.
На мой взгляд, это просто один из способов задания размера шрифта и ничего более, ибо будет одинаковый результат при
font-size: 16px;
font-size: 1em;
font-size: 100%;
В чем же здесь адаптивность?
Можно ли сделать так, чтобы размер шрифта действительно адаптировался к ширине экрана?
ну так дальше надо рекурсивность применять, например для планшета 0,9em, на телефоне 0,8em, к примеру.
Будет вычислять от дефолтных для данного браузера размера шрифта. И это не обязательно 16px
например для планшета 0,9em, на телефоне 0,8em, к примеру.
А как узнать, чем пользователь просматривает сайт? По операционной системе?
Может быть, тогда уж лучше узнать горизонтальное разрешение экрана и вычислять исходя из него?
Кстати, Вы уверены, что браузеры всех мобильных систем дают такую инфу на сервер? И телефоны?
А как узнать, чем пользователь просматривает сайт? По операционной системе?
Браузер сам возьмёт нужный стиль, в зависимости от media
] Браузер сам возьмёт нужный стиль
Такого эффекта лично я не наблюдаю.
Меняю разрешение с 1024 на 1248 и шрифт визуально уменьшается, а строки удлинняются (ФФ, Опера).
ну так если вы прописали css стили для обоих разрешений, то что-то да поменялось бы :)
А как прописать css, что бы для разных разрешений был разный результат?
вам уже сказали выше
в зависимости от media
Это я понял, что "в зависимости от media".
Но что написать конкретно? Хотя бы один пример.
Прочел несколько статей про адаптивную верстку, но понятного решения по шрифтам не обнаружил.
<кусь....>
исходя из базового значения в 16 рх.
<кусь....>
Можно ли сделать так, чтобы размер шрифта действительно адаптировался к ширине экрана?
Не совсем понял, какой результат вы хотите получить в итоге, адаптивная верстка в зависимости просто от ширины экрана или от устройства и экрана?
16px - это базовое значение для 96dpi (PC).
Его могут исправить сами пользователи в конфиге браузера (редко) или выставить 125% в системных шрифтах винды (плохое зрение или просто монитор с высоким DPI, чаще.).
И вот здесь проявляется разница между em/% и px и заодно нюансы вылазят :), к примеру
https://support.mozilla.org/en-US/questions/962945