Использование единиц измерения в перспективе CSS

Просто быстрый вопрос, чтобы прояснить некоторую путаницу, которая у меня возникла в отношении единиц измерения в CSS perspective.

В спецификации CSS Transforms он ссылается на него с помощью px, например. perspective: 1000px; но я использовал и во многих других местах другие использовали его без px например. perspective: 1000; например, в W3Schools.

Любой из способов предпочтительнее? Это имеет значение?

Просто хочу прояснить это, спасибо.


person Luke    schedule 17.08.2012    source источник
comment
никогда не доверяйте школам W3 — w3fools.com   -  person Jawad    schedule 17.08.2012
comment
Ха-ха, да, я думал, что они могут быть старыми, но насколько мне известно, браузеры принимают синтаксис без префиксов, и даже в нескольких сообщениях здесь не использовались единицы измерения.   -  person Luke    schedule 17.08.2012


Ответы (2)


То, что это принято (некоторыми) браузерами, не означает, что это правильно. Указание единицы измерения требуется спецификацией CSS, если только значение не нуль.

Спецификация говорит:

Длины относятся к измерениям расстояний и обозначаются ‹длиной› в определениях свойств. Длина – это размер. Вместо этого нулевая длина может быть представлена ​​как «число» «0». (Другими словами, для нулевой длины идентификатор модуля необязателен.)

Параметр – это число, за которым следует идентификатор единицы измерения.

(выделено мной)

См. Единицы расстояния и Другие единицы для примера.

Также см. обсуждение MDN length.

person Stephen P    schedule 17.08.2012

px (или другая абсолютная единица измерения) является правильным способом. Вот документация (лучше, чем школы w3) :)

https://developer.mozilla.org/en-US/docs/CSS/perspective

person Paul Dessert    schedule 17.08.2012