viksnamax
@viksnamax
All-in-One

Почему всегда не используют vw для размера шрифта в css?

Чато для размера шрифта в css используют такие е.и.: px, em, rem, pt. Но почему бы не использовать vw всегда, если это удобно для как минимум для адаптации сайта? Только потому что они не масштабируются?
  • Вопрос задан
  • 485 просмотров
Пригласить эксперта
Ответы на вопрос 6
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
1. https://caniuse.com/#search=vw
2. px - проще. То что видишь на макете, то и указываешь. А не на глаз.
3. Em/rem - вообще иной подход, где ты размеры выстраиваешь исходя из логики, "что какой-то элемент в N раз больше/меньше родителя, и не важно какого именно размера родитель"
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Но почему бы не использовать vw всегда

Всегда. Всегда. ВСЕГДА!!!

Вы всегда используете гвоздь 70мм? Нет, блин! Для каждой конкретной задачи вы используете подходящий гвоздь.
Абсолютно то же самое с единицами измерения. Вы используете те, которые наиболее подходят в конкретной ситуации. Иногда и ch очень выручает, хотя могу поспорить многие о нем и не знают.
Ответ написан
@McBernar
Вы правда думаете, что размер шрифта должен зависеть от ширины вьюпорта?
Очень рад, что мне не попадались ваши проекты.
Ответ написан
@hckn
Только потому что они не масштабируются?


vw не масштабируются? Ты упоролся? Масштабирование это их главное, основное и единственное назначение.

Не используют потому что фактически невозможно подобрать нужное по дизайну значение, без тыкания наугад цифры.
Ответ написан
tema_sun
@tema_sun
Не в каждом макете это сработает. Ими не так-то просто пользоваться, как кажется на первый взгляд.
Ответ написан
@akb2
Доброе утро. Я во всю использую данные единицы измерения. Мой подход прост: размер страницы более 759 пикселей, использую VW для всех размеров, если меньше, то использую PX. Для наглядности оставил ссылки на сайты ниже.

Почему VW?
Отвечаю: зайдите на сайт ВКонтакте с компьютера и монитора с разрешением в 2560xXXXX или еще большим разрешением. Конечно можно для каждого разрешения делать отдельный макет, но нужна ли дополнительная работа, если есть способ сделать масштабируемый вариант? Главный плюс в том, что я буду уверен, что на всех стационарных устройствах люди будут видеть именно то что я задумал. Для слабовидящих просто не используйте мелкий шрифт, и огромные буквы тоже. Единственный минус - это странный отступ в 1 пиксель в некоторых случаях, но я полагаю это из-за разного способа округления этих единиц измерения в браузерах и это головная боль W3C, сильно это не мешает.

Сайты с макетами на VW:
https://dreams.online-we.ru
https://lang-club.ru
https://studiosv.ru
https://softmicron.com
https://giant-spoon.ru

В данный момент в разработке:
https://mr-ecosteam.com
https://fstuff.ru
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы