Коэффициент конверсии pt, em, px, процентов, др.

Более того, я сталкиваюсь со случаями, когда мне нужно использовать pt вместо px или em вместо pt, или в любом другом случае, и попытка найти правильный размер для чего-то большего, чем, скажем, 36px, иногда вызывает боль.... чем следует. Поэтому я в основном хочу сделать себе маленький калькулятор конверсий. Однако я не могу найти ничего, что отличало бы конверсию от одного к другому для равной части другого.

Я надеюсь, что смогу найти кого-то здесь, кто может помочь мне с этим. По сути, моя общая надежда - сделать небольшой ввод, основанный на jquery, как калькулятор. Я вписываю свои px, pt, %, other и выбираю конверсию в тип и нажимаю ok.

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

Источник

4 ответа

Решение

Что ж,

12pt = 16px = 1em = 100%

при условии, что вы не меняете размер шрифта на теле (иначе pt будет другим), dpi вашей ОС будет установлен на 72 и т. д. и т. д.

Отношения выглядят так:

pt = 3/4*px

em = pt/12

% = pt*100/12

в этом случае. Стоит отметить, что использование pt является неправильным, если вы не печатаете что-то, и что использование px, % или em более распространено.

Лично я просто использую px или em. Использование% или em удобно для дизайнов, где основной размер шрифта изменяется для небольших экранов.

Источник

Ems и%s являются относительными значениями, которые могут меняться в зависимости от вашего контекста. Обычно 1em эквивалентен 16px, но если вы измените размер шрифта вашего тела, 1em эквивалентен тому, на что вы его изменили. 1,25em также эквивалентно 125%.

Как правило, 72pt эквивалентно 1 дюйму, но его не следует использовать за пределами CSS для печати.

px также абсолютен, но сильно зависит от DPI клиентского устройства. Это сильно варьируется, но большинство устройств обрабатывают значения px в доступной форме - 10 пикселей на сетчатке iphone отображает то же, что и 10 пикселей на устройствах до сетчатки.

Есть также rem который относится к размеру шрифта вашего html элемент. Подробнее: http://snook.ca/archives/html_and_css/font-size-with-rem

Источник
  • 1 мм = 3,78 пикс.
  • 1 см = 10 мм = около 37,8 пикс.
  • 1 дюйм = 25,4 мм = 96 пикселей
  • 1pt = 1/72 дюйма = 1 1/3 px
  • 1 шт = 12pt = 1/6 дюйма = 16 пикселей
  • 1 px = 3/4pt = 1/96 дюйма

Эти отношения фиксированы друг к другу, но имейте в виду, что они не соответствуют физическим размерам в макете экрана. 1 соответствует только фактическому дюйму на экране, если экран имеет точное значение DPI при значении 96. Существует большое разнообразие экранов и устройств, поэтому лишь в редких случаях это действительно будет иметь место.

1px также не всегда соответствует физическому пикселю. Для устройств с высоким разрешением (например, дисплеи "сетчатка") браузер может преобразовывать пиксельные единицы во множество физических пикселей, например. 1px = 4x4 физических пикселей.

В печати единицы в, см, мм действительно соответствуют физическим единицам. Блок px, тем не менее, не имеет никакого отношения к пикселям экрана (или точкам на дюйм) при использовании для таблицы стилей печати. Это просто определено как 1/96 дюйма.

Относительные единицы (em, ex, %) не могут быть преобразованы в абсолютные единицы (px, cm, mm, in, pc, pt), поскольку относительные единицы зависят от текущего размера шрифта.

Источник

Чтобы сделать веб-сайт действительно открытым для всех, вам нужно избавиться от точек и пикселей. Вам нужно, чтобы эти измерения были относительными. Отсюда проц и эмс.

Это лучший путь.

Многие люди (клиенты) имеют различные проблемы со зрением.

Зачем делать веб-сайт, который эти люди не могут легко использовать?

(Разнообразие стандартов решает эти проблемы)

Источник
Другие вопросы по тегам