Какая связь между ems и пикселями?

Question

Какое значение em в пикселях?

10em =? Px?

Answer 1

Нет особых отношений между em и px. Он рассчитывается на основе ширины символа "m" для каждого шрифта.

Answer 2

Хотя, как уже говорили другие, не существует установленного соотношения - поскольку оно варьируется от шрифта к шрифту - его можно рассчитать для конкретной комбинации шрифта грань / размер с использованием DHTML.

Просто создайте div с

style="width: 1em; visibility:hidden"

и добавьте его в интересующее вас место документа.

Затем вы можете узнать его ширину, проверив свойство clientWidth div

Answer 3

Это зависит от шрифта и платформы, на которой вы делаете рендеринг. Универсального соотношения нет.

Answer 4

По умолчанию 1em равно 16px (font-size:100%;), поэтому 16px x 10em = 160px

Вы можете изменить размер em, изменив процент font-size в теле, например, если вы хотите изменить размер em на 10 пикселей, это будет ваш CSS: 1008 *

body {
font-size:62.5%;
}

16px x 62,5% = 10px

Answer 5

Если вы используете стандартный текстовый шрифт размером 11 или 12 пикселей, то общее правило: 1em будет примерно таким большим в пикселях, поэтому 11 или 12 пикселей.

Answer 6

Это около 160px, если 1em равен 16px и 10em = 1000%. Это только приблизительное значение, которое будет зависеть от шрифта, браузера и ОС.