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

Question

[Space Around]

Чато для размера шрифта в css используют такие е.и.: px, em, rem, pt. Но почему бы не использовать vw всегда, если это удобно для как минимум для адаптации сайта? Только потому что они не масштабируются?

Comments

[Loki9928]

Основная причина в том что они не масштабируется через браузер, если вдруг пользователь захочет увеличить масштаб то он не измениться

Answer 1

[Сергей delphinpro]

Но почему бы не использовать vw всегда

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

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

Answer 2

[Виталий Киренков]

1. https://caniuse.com/#search=vw
2. px - проще. То что видишь на макете, то и указываешь. А не на глаз.
3. Em/rem - вообще иной подход, где ты размеры выстраиваешь исходя из логики, "что какой-то элемент в N раз больше/меньше родителя, и не важно какого именно размера родитель"

Comments

[hckn]

И что, по вашему это малая поддержка?))

[Сергей delphinpro]

px - вчерашний день. нет, позавчерашний. нет, блин, это прошлый век. Вы серьезно все еще верстаете в пикселях? Это удел новичков, только осваивающих профессию.

[Виталий Киренков]

Сергей delphinpro, простите, а где я написал, "я верстаю в пикселях"? Я лишь поделился своим мнением на заданный вопрос. Если вам есть, что добавить то пожалуйста.

[Виталий Киренков]

hckn, по-моему - это констатация факта. И если требуется поддержка ИЕ8/ИЕ9, то это нужно принимать во внимание.

[Space Around]

Сергей delphinpro, а какая тогда сейчас тенденция?

[Сергей delphinpro]

Максим Виксна, em, rem, vw/vh. Это же очевидно. С ними проще работать, их проще адаптировать.
Пиксели тоже пригождаются, но довольно в редких случаях

[hckn]

Виталий Киренков, IE9 поддерживает vw , сам посмотри в своей ссылке. Ну а насчет IE8 я не знаю каким больным на голову дебилом надо быть чтобы на него обращать внимание (впрочем как и на IE9, да и вообще IE). КОнстатация факта)) 92% поддердка - мало ему. Ты в курсе что наверное больше пловины CSS свойств так или иначе имеют поддержку 92-95%? И что теперь? Таблицами верстать?

Answer 3

[hckn]

Только потому что они не масштабируются?

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

Не используют потому что фактически невозможно подобрать нужное по дизайну значение, без тыкания наугад цифры.

Comments

[Сергей delphinpro]

Всё возможно. вплоть до пикселя. нужно только знать как это делать. недавно здесь писал по поводу использования vw.

[Space Around]

hckn, нельзя. Шрифт меняется из-за изменения ширины экрана, а если Ctrl + +/- не меняется

[Space Around]

Сергей delphinpro, и как высчитывать, если в макете , например, 15pt, а vw , вообще, зависит от экрана?

[Сергей delphinpro]

Максим Виксна, я же написал — "недавно здесь писал по поводу использования vw.". поищите в моих ответах, мне лень.

Answer 4

[McBernar]

Вы правда думаете, что размер шрифта должен зависеть от ширины вьюпорта?
Очень рад, что мне не попадались ваши проекты.

Comments

[Space Around]

Хорошо, какое будет тогда решения адаптивного текста на сегодняшний день?

[McBernar]

Максим Виксна, нет никакого адаптивного текста. Есть подходящий размер шрифта под выбранную платформу, который устанавливается через брейкпойнты, и во многом зависит от остального дизайна.

[Space Around]

McBernar, а чем vw не угодил?

[Space Around]

:K Yaha, а у нас так часто сайты через телик смотрят? Я попробовал в FF, там вроде телик эмитирует в 720/1080/4k и всё было отлично. Как мне протестить, чтобы я увидел в чём проблема?

[Loki9928]

Судя по ответу у вас не так много проектов сделано? Попадались вам проекты где экраны через слайды сделаны? И вот там как раз без vh сложновато обойтись

Answer 5

[tema_sun]

Не в каждом макете это сработает. Ими не так-то просто пользоваться, как кажется на первый взгляд.

Comments

[Space Around]

tema_sun, в чём заключается сложность?

[tema_sun]

Максим Виксна, в поддержке большого количества экранов. Эта настройка съедает больше времени, чем с фиксированными единицами. Хотя результат мне нравится больше.

[Space Around]

tema_sun, когда использовал vw, то никаких проблем не нашёл. Он подходит под все экраны. Просто легче написать vw, чем медиа-запросы

Answer 6

[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

Comments

[Loki9928]

Почитайте темы про оптимальную ширину контента. Будет не лишним

[Loki9928]

Да и вообще проверти свои работы в валидаторе. Хоть некоторый и утверждают что он не влияет на сео. Но это же не значит что можно верстать фиг знает как)