Более того, чем меньше я сталкиваюсь с временами, когда мне нужно использовать pt вместо px или em вместо pt или что бы то ни было, и пытаться найти правильный размер для чего-то большего, чем 36px, иногда больше больно. … чем нужно. Поэтому я в основном хочу сделать себе небольшой конверсионный калькулятор. Однако я не могу найти ничего, что отличает то, что коэффициент конверсии от одного к другому для равной счетной части другой.
Я надеюсь, что смогу найти здесь кого-нибудь, кто может мне помочь. В основном моя общая надежда состоит в том, чтобы сделать себе небольшой вход на основе jquery, например калькулятор. Я вставляю в свои px, pt,%, other и выбираю свое преобразование для ввода типа и нажимаю ok.
Создание расчета, достаточно просто. Математику, которую я должен был бы применять на основе конверсии не так много, и вот что я надеюсь найти здесь, чтобы я мог это сделать.
Что ж,
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
Чтобы сделать веб-сайт действительно открытым для всех, вам нужно избавиться от точек и пикселей. Эти измерения должны быть относительными. Следовательно, проценты и ems.
Это лучший способ пойти.
Многие люди (клиенты) имеют множество проблем со зрением.
Зачем создавать веб-сайт, который эти люди не могут легко использовать?
(Разнообразие стандартов решает эти проблемы)
Эти отношения фиксируются друг с другом, но имейте в виду, что они не соответствуют физическим размерам в макете экрана. 1in соответствуют только фактическому дюйму на экране, если на экране имеется точное значение DPI на 96. Существует множество экранов и устройств, поэтому редко это будет на самом деле.
1px не всегда соответствует физическому пикселю. Для устройств с высоким разрешением (например, «сетчатки») браузер может конвертировать пиксельные единицы в кратные физические пиксели, например. 1px = 4×4 физических пикселей.
В печати единицы в, см, мм действительно соответствуют физическим единицам. Единица px, хотя, не имеет никакого отношения к пикселям экрана (или dpi) при использовании для таблицы стилей печати. Он определяется как 1/96 дюйма.
Относительные единицы (em, ex,%) не могут быть преобразованы в абсолютные единицы (px, cm, mm, in, pc, pt), поскольку относительные единицы зависят от текущего размера шрифта.