- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Прочел несколько статей про адаптивную верстку, но понятного решения по шрифтам не обнаружил.
Все авторы пишут о том, что нужно задавать размер шрифта в относительных единицах или в процентах. При этом реальный размер шрифта браузер будет вычислять исходя из базового значения в 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