Css Текст и шрифт Манипуляция

Question

Каковы различия и последствия применения Css к некоторому элементу в мобильном приложении, таких как:

1. .content {размер шрифта: 80%;}

2. . содержание {размер шрифта: 10px;}

3. .content {размер шрифта: 1em;}

И как это влияет на элементы letter-spacing, line-height и word-spacing.

Кроме того, что характерно для font-style: oblique и italic.

Answer 1

Посмотрите на pxtoem. Это зависит от того, что вы хотите сделать, если это responsive или нет, и как вы хотели бы, чтобы ваш пользовательский интерфейс был.

пиксели (пиксели):

Пиксели фиксированного размера блоки, которые используются в средствах массовой информации экрана (т.е. для чтения на экране компьютера). Один пиксель равен одной точке на экране компьютера (наименьшее разделение разрешения экрана). Многие веб-дизайнеры используют пиксельные единицы в веб-документах, чтобы создать идеальное представление пикселя своего сайта, поскольку оно отображается в браузере. Одна проблема с блоком пикселей заключается в том, что он не масштабируется вверх для слабовидящих читателей или вниз, чтобы соответствовать мобильным устройствам.

Очки (пт):

Очки традиционно используются в печатных средствах массовой информации (все, что должно быть напечатано на бумаге, и т.д.). Одна точка равна 1/72 дюйма. Точки очень похожи на пиксели, поскольку они фиксированные и не могут масштабироваться.

Процент (%):

Процент блок очень похож на «эм» единицы, за исключением нескольких принципиальных отличий. Прежде всего, текущий размер шрифта равен 100% (т. Е. 12pt = 100%). При использовании единицы процента ваш текст остается полностью масштабируемым для мобильных устройств и для доступности.

Read more

Why em instead of px?

Pixels vs. Points in HTML