Sử dụng các đơn vị trên phối cảnh CSS

Question

Chỉ cần một câu hỏi nhanh để làm sáng tỏ một số nhầm lẫn mà tôi có liên quan đến các đơn vị trên CSS perspective.

Trên thông số CSS Transforms, nó tham chiếu nó với px ví dụ: perspective: 1000px; nhưng tôi đã sử dụng và ở nhiều nơi khác mà những người khác đã sử dụng nó mà không cần px ví dụ: perspective: 1000; chẳng hạn như trên W3Schools.

Có cách nào được ưa thích hơn không? Nó có quan trọng không?

Chỉ muốn xóa điều này, cảm ơn.

Answer 1

Chỉ vì nó được chấp nhận bởi (một số) các trình duyệt không có nghĩa là nó đúng. Chỉ định đơn vị đo lường là required by the CSS spec, trừ khi giá trị bằng 0.

Các spec nói:

Tóc Dài tham khảo khoảng cách đo và được biểu thị bằng < dài > trong định nghĩa tài sản. Chiều dài là một chiều. Độ dài bằng 0 có thể được biểu diễn thay vì số < > ‘0’. (Nói cách khác, đối với độ dài bằng không, số nhận dạng đơn vị là tùy chọn.)

Thứ nguyên là số ngay sau mã định danh đơn vị.

(tôi nhấn mạnh)

Xem Distance Units và Other Units cho ví dụ.

Xem thêm các cuộc thảo luận MDN của length

Answer 2

px (hoặc đơn vị tuyệt đối khác) là cách chính xác. Đây là tài liệu hướng dẫn (tốt hơn so với trường w3) :)

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