EMs, РЗМ, PXS - Конвертирование КОЗ EM/REM

я следующий HTML-код:EMs, РЗМ, PXS - Конвертирование КОЗ EM/REM

<h1>Hello World</h1>

Я стилизации это с:

h1 {font-size:100pt}

Как преобразовать этот 100pt в Эмс & REMs?

источник

2015-02-09 michaelmcgurk

Очки установленное измерение, ems относительны, а rems относятся к первичному значению em (корень em). Таким образом, нет никакого способа конвертировать что-либо, чтобы избавиться от контекста, а pts to ems будет приблизительной оценкой, основанной на среднем ожидаемом разрешении экрана. – Anthony

Лучше просто использовать значение em, которое выглядит хорошо и близко соответствует тому, что у вас уже есть, и сравнить его на разных экранных носителях. Если проблема в том, что она находится внутри div, то это 100pts, конвертируйте это тоже – Anthony

Спасибо за это. Должен ли я устанавливать базовый размер PT/PX на свой элемент body, а затем устанавливать его на основе этого? Я очень новичок в этой области, как вы можете сказать, поэтому любое руководство очень ценится :-) – michaelmcgurk

В CSS,
- это pt является 1/72 in и px является 1/96 из in.
- A px есть поэтому 0.75pt OR 1pt равен 1.3333px.

1. Преобразовать пт РХ -

1pt = 1.3333px 
100pt = 1.3333 * 100px = 133.333px

2. Преобразовать точек на эм -

1em = 16px (Typical Assumption) 
133.333px = ?em = 8.333em

3. Преобразовать точек Рему -

10px = .625rem (Assuming `:root` font-size is `16px`) 
133.33px = ?rem = 8.33rem

источник

2015-02-09 14:52:18

Спасибо, Панкай :-) Так что, используя мой пример выше, это правильно? http://jsfiddle.net/awnc4ayn/ – michaelmcgurk

Я думаю, что вы случайно нажали кнопку с правом голоса :-) Да, скрипка выглядит правильно. –

Единицей 'em' является размер шрифта. «Предполагая» конкретное значение для него бессмысленно: если вы «принимаете» этот путь, нет причины использовать блок 'em'. Точно так же, как предполагается, что 1 кг составляет 12 долларов, а затем использовать это как решение «проблемы» преобразования килограммов в доллары. –

EMs, РЗМ, PXS - Конвертирование КОЗ EM/REM

ответ

Смежные вопросы