Ems вместо px в инструментах разработчика Chrome?

Я использую em везде в моих таблицах стилей, а не px. Но вычисленные стили /метрики в Chrome Developer Tools, кажется, по умолчанию показывают мне px, даже для элементов, где я явно использовал em в таблице стилей:

введите описание изображения здесь

(Это изображение рассчитанной длины кнопки со значком от Font Awesome. Я установил отступ на 0.4em и поднял его, чтобы увидеть, насколько высокий значок.) Конечно, я могу просто разделить все на 16, но для чисел типа «14.841» это не так просто сделать в моей голове. Есть ли где-нибудь настройка для изменения единицы измерения длины? (Вроде как в большинстве настольных графических и графических программ, где я могу выбрать пиксели, точки, дюймы или сантиметры?) Или это, или есть где-то еще в инструментах разработки, которые могут показывать длины в ems? (Правители, ...?)

7 голосов | спросил Wandering Logic 23 +04002014-10-23T16:45:14+04:00312014bEurope/MoscowThu, 23 Oct 2014 16:45:14 +0400 2014, 16:45:14

1 ответ


0

Значения, показанные на вкладке «Вычисленные», являются только вычисленными. Следовательно, они перечислены в «абсолютной» единице длины, например, в пикселях, а не в «относительной» единице длины, например, в ems, rems или в процентах, которые все основывают свой размер на некоторых других критериях. Например, если вы установите элемент равным 100% ширины области просмотра, он покажет вам, во сколько пикселей вычисляется ширина элемента, и нет никакой возможности просмотреть значение в любой другой единице. Аналогично, поскольку вы используете ems, размер вашего значка будет зависеть от унаследованного значения размера шрифта.

Фактически, я не проверял это, но я думаю, что значения px, показанные на вычисленной вкладке, технически показаны в пикселях устройства, а не в пикселях CSS, поскольку сами пиксели CSS являются относительными единицами длины (поскольку их размер основан на DPI экрана устройства).

Единицы относительной длины

Единицы абсолютной длины

ответил Brad Marshall 23 +04002014-10-23T18:35:24+04:00312014bEurope/MoscowThu, 23 Oct 2014 18:35:24 +0400 2014, 18:35:24

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132