блок CSS
CSS имеет несколько различных единиц измерения, используемых для представления длины.
Некоторые свойства задаются CSS ширину длины, поля, отступы, размер шрифта, границы ширину, и так далее.
Длина и цифровые единицы, такие как 10px, 2em, и так далее.
Не может иметь пробелы между цифрами и единицами. Если длина равна 0, то устройство может быть опущено.
Для некоторых свойств CSS, длина может быть отрицательным.
Есть два типа единиц длины: относительные и абсолютные.
Поддержка браузеров
В приведенной ниже таблице указаны минимальные версии браузеров, которые поддерживают единицы длины.
Единица длины | |||||
---|---|---|---|---|---|
эм, ех,%, ПВ, см, мм, в, пт, шт | 1,0 | 3.0 | 1,0 | 1,0 | 3.5 |
ч | 27,0 | 9.0 | 1,0 | 7.0 | 20,0 |
бэр | 4.0 | 9.0 | 3.6 | 4.1 | 11,6 |
В.Х., оч.сл. | 20,0 | 9.0 | 19,0 | 6.0 | 20,0 |
Vmin | 20,0 | 9.0 * | 19,0 | 6.0 | 20,0 |
Vmax | 26,0 | Не поддерживает | 19,0 | Не поддерживает | 20,0 |
Примечание: Internet Explorer 9 нестандартными имя виртуальной машины поддержки Vmin.
Относительная длина
Относительные единицы измерения длины указать длину относительно длины собственности другого. В зависимости от устройства относительные длины более подходящий.
блок | описание | Онлайн примеры |
---|---|---|
EM | Он описан в отношении применения размера шрифта текущего элемента, это также относительные единицы длины. Обычно браузер по умолчанию размер шрифта 16px, то 2em == 32px; | пробовать |
бывший | Английская картина зависит от высоты малых х | пробовать |
ч | Ширина числа 0 | |
бэр | Корневой элемент (HTML) Размер шрифта | |
оч.сл. | ширина точки зрения, ширина окна, 1vw = 1% от ширины окна | пробовать |
В.Х. | высота точки зрения, высота окна, 1vh = высота окна на 1% | пробовать |
Vmin | оч.сл. и В.Х. меньший. | пробовать |
Vmax | оч.сл. и В.Х. большего размера. | пробовать |
% |
Совет: бэр ет и какая разница?Кроме того, что элемент бэр установить размер шрифта по-прежнему относительно размера, а как раз наоборот HTML корневой элемент. |
Абсолютная длина
Абсолютная единица длины является фиксированной величиной, он отражает реальный физический размер. Абсолютные единицы длины сильно зависят от выходной среды, она не зависит от окружающей среды (монитор, разрешение, операционная система и т.д.).
блок | описание | Онлайн примеры |
---|---|---|
см | Cm | пробовать |
мм | миллиметр | пробовать |
в | Дюймов (1 дюйм = 96 пикселей = 2.54) | пробовать |
* точек | Pixel (1px = 1/96-я из 1в) | пробовать |
пт | точка, около 1/72 дюйма; (1pt = 1 / 72in) | пробовать |
ПК | Пика, о 6pt, 1/6 Yingcun; (1шт = 12 пт) | пробовать |
Возможно, пиксель считается лучший "пикселей на устройство" и эту длину пикселя, и вы увидите текст на экране дисплея пикселей не относящихся к делу. точек на самом деле является мерой угла блока.