Размер шрифта в ЦСС - font-size - в чём разница?

[Had]

В чём разница между?:

px
pt
em

1. Хотелось бы понять есть отличия в чём указывать?
2. Если 1-е да, то в чём лучше указывать?
3. Если разницы нет, тогда в чём отличие?

[Dre]

Сообщение от Had

то в чём лучше указывать?

В %, ёпт. (10 ёптов)

[Had]

Сообщение от Dre

В %, ёпт. (10 ёптов)

Да да. Есть ещё это. Нафига 4 варианта регулировок?

[Diversant]

Как правило, 1em = 12pt = 16px = 100%

[Rema]

Ещё есть rem.

Забавное совпадение. Впрочем, мой ник происходит от названия коньяка.

[Had]

Сообщение от Diversant

Как правило, 1em = 12pt = 16px = 100%

Есть калькуляторы в сети.

Сообщение от Rema

Ещё есть rem.

А это чего такое?

[ziliboba0213]

1. «Ems» (em): «em» — это масштабируемая единица, которая используется в веб-документах. «em» равна текущему font-size, например, если font-size в документе 12pt, 1em равен 12pt. «em» масштабируема по своей природе, так 2em будет равен 24pt, 0.5em будет равна 6pt и т.д. Использование «em» становятся все более популярным в веб-документах из-за масштабируемости и возможности с пользой применять в мобильных устройствах.
2. Pixels (px): «px» имеют фиксированный размер единиц, которые используются на экранах (например, для чтения на экране компьютера). Один пиксель равен одной точки на экране компьютера (самый малый элемент разрешения вашего экрана). Многие веб-дизайнеры используют px в веб-документах в целях получения пиксель-идеального(pixel-perfect) представления своего сайта, отображаемого в браузере. Одна из проблем, с использованием px заключается в том, что эти единицы не позволяют изменять масштаб для слабовидящих читателей или мобильных устройств.
3. Points (pt): «pt», традиционно используются в печатных СМИ (все, что должно быть напечатано на бумаге, и т.д.). Один «pt» равен 1 / 72 дюйма. «pt», так же, как и «px», имеют фиксированный размер единицы и не могут масштабироваться.
4. Percents (%): Единицы измерения в % похожи на «em», за исключением нескольких принципиальных различий. Во-первых, текущий font-size равен 100% (т.е. 12pt = 100%). При использовании "%", ваш текст становится полностью масштабируемым для мобильных устройств и удобства пользователя (accessibility).

https://habr.com/ru/post/42151/

Я по старинке пикселями, но тоже бы надо почитать, что запостил

[Had]

ziliboba0213, то есть em предпочтительней?

[ziliboba0213]

Сообщение от Had

ziliboba0213, то есть em предпочтительней?

Ну пишут, что да, я пикселями верстаю, но у меня старый проект, там вообще заплатка на заплатке.

Ты бы знал, как я на мобильную версию все переводил - это жесть
У меня там Вьюпорты scale через jqwery

PHP код:

$('meta[name=viewport]').attr({'content':'width=device-width, initial-scale='+scale+', maximum-scale=1, user-scalable=yes'}); 


Лютая заплатка, еле придумал

[Had]

ziliboba0213, зачем такие сложности?

Сообщение от ziliboba0213

Ты бы знал, как я на мобильную версию все переводил - это жесть

Представляю. Ты бы знал как я сам сделал из 3-х блочного шаблона сайта 2-х блочный. Причём делал это в живую на живом сайте. Представляю как оху*вали посетители. ))