Giá trị css tương đối. Đơn vị vh, vw, vmin, vmax

Các đơn vị Kích thước CSSđược sử dụng để xác định số lượng trong các thuộc tính khác nhau. Chúng được chia thành tuyệt đối và tương đối.

Đơn vị tuyệt đối

Đơn vị đo tuyệt đối bao gồm centimet (cm), milimét (mm) và inch (in). Mặc dù chúng được thiết kế để hiển thị các phần tử trên một trang web một cách thống nhất, nhưng trình duyệt không phải lúc nào cũng có thể tính toán chính xác kích thước vật lý của màn hình hoặc màn hình, vì vậy các thiết bị khác nhau các phần tử có thể có kích thước khác nhau.

Một cm ( cỡ chữ: 1cm; ) .one-mm ( cỡ chữ: 1mm; ) .one-in ( cỡ chữ: 1in; )

Thông thường, các đơn vị đo lường này được sử dụng khi chỉ định kích thước cho trang in.

Đơn vị kiểu chữ

Đơn vị đo lường typographic bao gồm điểm (pt) và đỉnh (pc). Một điểm (1pt) có kích thước cố định là 1/72" trong khi pica (1pc) là 1/6" (1pc = 12pt). Hai đơn vị đo lường này hữu ích nhất trong các phong cách viết cho tài liệu in hơn là sử dụng trên màn hình.

Một điểm ( font-size: 1pt; ) .one-pica ( font-size: 1pc; )

Đơn vị tương đối

Đơn vị đo lường tương đối bao gồm pixel (px) và tỷ lệ phần trăm (%). Tỷ lệ phần trăm là đơn vị đo lường không liên quan trực tiếp đến kích thước phông chữ của một phần tử hoặc kích thước của chính phần tử đó. Giá trị của một thuộc tính được đặt dưới dạng phần trăm trực tiếp phụ thuộc vào giá trị của cùng một thuộc tính được đặt cho phần tử cha. Ví dụ: kích thước phông chữ được đặt tương ứng với kích thước phông chữ của phần tử cha và chiều cao và chiều rộng được biểu thị dưới dạng phần trăm so với chiều cao và chiều rộng của vùng nội dung của phần tử cha.

Một pixel ( font-size: 1px; ) .one-percent ( font-size: 1%; )

Pixel là một điểm bằng một pixel vật lý trên màn hình. Tuy nhiên, các trình duyệt không phải lúc nào cũng tính toán chính xác kích thước của khung nhìn bằng pixel.

Hãy xem xét mẫu mã mới nhất máy tính xách tay, máy tính bảng và điện thoại thông minh được trang bị màn hình với độ phân giải cao. Trên các thiết bị như vậy, trình duyệt không tương quan đơn vị px với số lượng pixel vật lý trên màn hình. Thay vào đó, nó bình thường hóa đơn vị px để mang lại trải nghiệm xem gần hơn với màn hình máy tính để bàn truyền thống, với mật độ điểm ảnh dao động từ 96 đến 120 pixel/inch. Do đó, một hình vuông có cạnh 10px có thể được trình duyệt trên điện thoại thông minh vẽ sao cho có từ 15 đến 20 pixel vật lý trên mỗi cạnh. Điều này có nghĩa là px cũng là đơn vị đo lường tương đối.

Đơn vị tương đối phụ thuộc vào phông chữ

Hai đơn vị đo lường tương đối bổ sung là em và ex. Em là chiều cao của phông chữ hiện tại, ex là chiều cao của ký tự "x" viết thường trong phông chữ được chỉ định.

One-ex ( font-size: 1ex; ) .one-em ( font-size: 1em; )

Giống như tỷ lệ phần trăm, em là đơn vị đo lường phổ biến thường được sử dụng để đặt kích thước phông chữ cho văn bản trên trang web.

CSS3 giới thiệu thêm hai đơn vị đo lường: rem và ch. Rem - cỡ chữ của phần tử gốc ( ), nó có thể được sử dụng thay vì em để ngăn kích thước phông chữ cha mẹ hoặc tổ tiên ảnh hưởng đến kích thước phông chữ của phần tử hiện tại.

Một-rem ( cỡ chữ: 1rem; )

Đơn vị ch bằng độ rộng của ký tự 0 (0) trong phông chữ của phần tử. Việc sử dụng nó có thể hữu ích trong việc xác định độ rộng của trường chứa văn bản, vì 1ch gần tương ứng với một ký tự.

00000

Đơn vị ch chỉ được hỗ trợ trong Chrome 27+, Firefox 19+ và IE9. Rem được hỗ trợ trong Chrome 4+, Firefox 3.6+, IE9+, Safari 4.1+ và Opera 11.6+.

Đơn vị khung nhìn

Các đơn vị khung nhìn bao gồm vw (chiều rộng) và vh (chiều cao), cho phép bạn chia tỷ lệ các phần tử tương ứng với khung nhìn, là phần hiển thị của trang web.

chiều rộng: 50vw; /* 50% chiều rộng khung nhìn */ chiều cao: 25vh; /* 25% chiều cao khung nhìn */

Hai đơn vị bổ sung là vmin và vmax, chỉ định giá trị tối thiểu hoặc tối đa cho kích thước của khung nhìn.

Chiều rộng: 1vmin; /* 1vh hoặc 1vw, tùy theo giá trị nào nhỏ hơn */ chiều cao: 1vmax; /* 1vh hoặc 1vw, tùy theo giá trị nào lớn hơn */

Các đơn vị khung nhìn tương đối được hỗ trợ trong Chrome 26+, Firefox 19+, IE11+, Safari 6.1+ và Opera 15+.

Giá trị đơn vị

Các giá trị không nhất thiết phải được chỉ định dưới dạng số nguyên; chúng cũng có thể được chỉ định dưới dạng số thập phân. Một số thuộc tính cũng cho phép bạn chỉ định giá trị âm làm giá trị.

P ( cỡ chữ: 0,394in; ) /* số thập phân */ p ( lề: -1px; ) /* giá trị âm */

Lưu ý rằng việc khai báo sẽ không hoạt động nếu đơn vị đo đứng trước một khoảng trắng hoặc nếu đơn vị đo không được chỉ định (ngoại trừ giá trị bằng 0). Nếu số 0 được sử dụng làm giá trị thì đơn vị đo có thể được bỏ qua.

P ( cỡ chữ: 1ex; ) /* đúng */ p ( cỡ chữ: 0; ) /* đúng */ p ( cỡ chữ: 0ex; ) /* đúng */ p ( cỡ chữ: 1 ex ; ) /* sai */ p ( font-size: 1; ) /* sai */

Bất cứ khi nào một khai báo CSS có lỗi, nó sẽ bị trình duyệt bỏ qua, trong khi phần còn lại của khai báo vẫn tiếp tục hoạt động.

Các đơn vị tương đối mới đã được thêm vào CSS3 như vh , vw , vmin , vmax . Các đơn vị này được tính tương ứng với kích thước của cửa sổ trình duyệt. Vì máy tính để bàn chiều rộng cửa sổ trình duyệt chiều rộng hơn khung nhìn (chiều rộng của thanh cuộn được thêm vào), vì vậy nếu bạn đặt chiều rộng của phần tử thành 100vw, nó sẽ vượt xa html.

Cơm. 1. Ảnh nền toàn màn hình có chiều rộng 100vw

Hỗ trợ trình duyệt

I E: 9.0 ngoại trừ vmax, sử dụng vm thay vì vmin
Bờ rìa: 12.0 ngoại trừ vmax, sử dụng vm thay vì vmin
Firefox: 19.0
Trình duyệt Chrome: 26.0
Opera: 15.0
Cuộc đi săn: 6.1
Safari của iOS: 8.0
Android: 4.4
Trình duyệt Chrome dành cho Android: 55.0

1. Đơn vị vh và vw

Kỹ thuật thiết kế web đáp ứng dựa trên việc sử dụng các giá trị phần trăm. Nhưng sự quan tâm còn xa Quyết định tốt nhất cho từng trường hợp, vì chúng được tính tương ứng với kích thước của phần tử cha gần nhất. Vì vậy, nếu bạn muốn sử dụng chiều cao và chiều rộng của cửa sổ trình duyệt, tốt hơn nên sử dụng đơn vị vh và vw. Ví dụ: nếu chiều cao cửa sổ trình duyệt là 900px thì 1vh sẽ là 9px. Tương tự, nếu chiều rộng cửa sổ trình duyệt là 1600px thì 1vw sẽ là 16px.

1.1. Hình nền toàn màn hình đáp ứng

Vì chiều rộng của phần tử được chỉ định bằng 100vw lớn hơn chiều rộng của khung nhìn, để tạo toàn màn hình hinh nên Tốt hơn nên sử dụng chiều rộng 100%, chiều rộng này sẽ bằng chiều rộng của phần tử html gốc.

Toàn màn hình-bg ( nền: url(image.jpg); vị trí nền: giữa; kích thước nền: bìa; chiều rộng: 100%; chiều cao: 100vh; ) Cơm. 2. Hình nền toàn màn hình đáp ứng

1.2. Hiệu ứng trượt toàn trang

Để tạo khối bằng toàn bộ chiều cao của cửa sổ trình duyệt, bạn cần đặt chiều cao: 100%; cho ba phần tử - html, body và trực tiếp cho chính khối đó:

Phần Html, nội dung ( chiều cao: 100%; ) ( chiều cao: 100%; )

Vì kích thước phần trăm được tính tương ứng với giá trị của các phần tử cha nên bạn cần đặt các giá trị phù hợp cho từng phần tử DOM. Đơn vị đo vh không yêu cầu chuỗi giá trị, vì giá trị của nó được tính trực tiếp tương ứng với cửa sổ trình duyệt:

Phần ( chiều cao: 100vh; )

Hiệu ứng lật qua các slide khi bạn click vào mũi tên được thực hiện bằng cách sử dụng kịch bản nhỏ jQuery:

JQuery(document).ready(function($) ( $("nav").on("click", function() ( if ($(this).hasClass("down")) ( var movePos = $(window ).scrollTop() + $(window).height(); ) if ($(this).hasClass("top")) ( var movePos = $(window).scrollTop() - $(window).height( ); ) $("html, body").animate(( ScrollTop: movePos), 600); )); ));

Chiều cao được chỉ định bằng vh cũng có thể được sử dụng để căn giữa một phần tử trên trang.

Xin chào các độc giả thân mến của blog webcodius! Để thiết lập kích thước của các phần tử khác nhau trang html, CSS có đơn vị đo lường. Hơn nữa, cả đơn vị tương đối và tuyệt đối đều có thể được sử dụng.

Đơn vị tuyệt đốiđược kết nối với thế giới vật lý và độc lập với thiết bị đầu ra. Các đơn vị sau đây có thể được sử dụng để chỉ ra chúng:

Đơn vị tuyệt đối được sử dụng ít thường xuyên hơn đơn vị tương đối và được sử dụng chủ yếu để đặt kích thước văn bản. Và để biểu thị kích thước của văn bản, họ chủ yếu sử dụng một điểm (pt), có được bằng cách chia một inch thành 72 phần. Ngược lại, một inch tương ứng bằng khoảng 25,4 mm, một điểm xấp xỉ bằng một phần ba milimét. Ví dụ sử dụng đơn vị đo tuyệt đối:

Đơn vị tuyệt đối

Kích thước 12 mm

Kích thước 1 cm

Kích thước 1 inch

Kích thước 24 điểm

Kích thước 1 đỉnh

Đơn vị đo lường tương đối

Để hiển thị thông tin trên màn hình, tốt hơn nên sử dụng các đơn vị đo lường tương đối. Vì kích thước vật lý của các chấm (pixel) tạo thành hình ảnh trên màn hình có thể khác nhau tùy thuộc vào loại và kích thước vật lý của chính màn hình. Ngoài ra kích thước pixel phụ thuộc vào độ phân giải được thiết lập màn hình. Đơn vị tương đối cơ bản:

1px trong CSS, như chúng tôi đã nói ở trên, đây là một điểm trên màn hình của người dùng, đại lượng vật lýđiều này phụ thuộc vào độ phân giải của thiết bị và khoảng cách mà một người nhìn vào bề mặt của thiết bị.
Khi chỉ định tỷ lệ phần trăm, kích thước được tính dựa trên kích thước của phần tử cha. Vì vậy, ví dụ: nếu chiều rộng của phần tử gốc là 500px thì nếu bạn chỉ định chiều rộng:50%, chiều rộng của phần tử sẽ là 250px.

emđược gắn với kích thước phông chữ mặc định của trình duyệt hoặc kích thước phông chữ của phần tử gốc. MỘT bán tại là chiều cao của chữ in hoa (nhỏ) "x" (x) trong bố cục Latin. Tức là em cũng bị ràng buộc với cỡ chữ mặc định của trình duyệt hoặc cỡ chữ của phần tử gốc. Ví dụ:

<a href="https://viws.ru/vi/izmerenie-decibel-onlain-osnovnoi-metr-decibel-chto.html">Đơn vị tương đối</a>

Kích thước 20 pixel

Kích thước 150%

Kích thước 2 em

Kích thước 2 cũ

Kết quả:

Ngoài những điều trên, còn có một nhóm đơn vị tương đối gắn với kích thước của khung nhìn trình duyệt:

Ví dụ về việc sử dụng:

Đơn vị tương đối

Kích thước 2 vw

Kích thước 2vh

Kích thước 2 vmin

Kích thước 2 vmax

hàm calc()

Được sử dụng để chỉ định một giá trị được tính toán Thuộc tính CSS, sử dụng một số làm giá trị. Trước hết, calc có thể được sử dụng để tính kích thước, góc và thời gian. Hơn nữa, chức năng này cho phép bạn kết hợp các đơn vị đo lường khác nhau, ví dụ: chiều rộng của div có thể được đặt như thế này:

div(
chiều rộng: calc (100% - 40px);
}

Trong trường hợp này, chiều rộng của div sẽ bằng chiều rộng của phần tử gốc trừ đi 40 pixel.

Bạn có thể sử dụng các phép tính số học sau trong biểu thức:

+ - phép cộng. Ký tự được phân tách bằng dấu cách ở cả hai bên (height: calc (20% + 50px));
— — phép trừ. Ký tự được phân tách bằng dấu cách ở cả hai bên (width: calc (90% - 10px););
* — phép nhân (phần đệm: calc (2em*2););
/ - phân công. Việc chia cho số 0 bị cấm (chiều rộng: calc (100%/4);).

TRONG Trình duyệt Firefox lên đến phiên bản 16.0, chức năng -moz-calc được hỗ trợ, trong Chrome lên đến phiên bản 26.0 và trong Safari kể từ phiên bản 6.0 -webkit-calc được hỗ trợ.

Ví dụ: trong bố cục trang web hai cột linh hoạt, chúng ta cần đảm bảo rằng có khoảng cách 50px giữa các cột ở bất kỳ kích thước nào của cửa sổ trình duyệt. Sau đó với sự giúp đỡ hàm tính toánĐiều này được thực hiện như sau:

Đơn vị CSS đóng vai trò quan trọng trong việc tạo trang web và thiết lập kích thước của các thành phần khác nhau. Giá trị CSS có thể được biểu thị dưới dạng tích cực hoặc số âm, mặc dù một số thuộc tính chỉ chấp nhận số dương. Giá trị số kèm theo một chữ viết tắt gồm hai chữ cái đại diện cho đơn vị chiều dài thực tế. Ví dụ: cm (centimet), px (pixel) hoặc em CSS. Ngoại lệ cho quy tắc này là giá trị 0 (không), không yêu cầu đơn vị đo lường.

Đơn vị CSS có hai loại: tuyệt đối và tương đối.

Đơn vị độ dài tuyệt đối trong CSS

Các đơn vị CSS tuyệt đối không phù hợp với thiết kế web. Chúng đại diện cho sự thể hiện kỹ thuật số của kết quả đo trong thế giới vật lý và độc lập với kích thước và độ phân giải màn hình. Độ dài tuyệt đối có cùng giá trị có thể khác nhau bởi màn hình khác nhau. Điều này là do sự khác biệt về độ nhạy màn hình (số chấm trên mỗi inch).

Màn hình độ phân giải cao có độ phân giải cao hơn màn hình có độ phân giải thấp hơn, khiến hình ảnh và văn bản trông nhỏ hơn. Đơn vị tuyệt đối được sử dụng để xác định kiểu in, trong đó các phép đo xảy ra theo inch, điểm và pica.

Đơn vị tuyệt đối của độ dài:

cm (cm);
mm (milimét);
theo số inch);
pc(đỉnh);
pt(điểm);
px (pixel).

Hầu hết các đơn vị độ dài tuyệt đối đều vô dụng trên Internet. Ngoại lệ duy nhất là px. Pixel là đơn vị tương đối liên quan đến độ phân giải của màn hình. Đối với máy in và màn hình có độ phân giải rất cao, một pixel trong CSS tương đương với nhiều pixel trên màn hình, vì vậy số px trên mỗi inch là khoảng 96. Pixel là đơn vị đo lường nhỏ nhất và thường được dùng làm hướng dẫn cho các đơn vị khác.

Đơn vị độ dài tương đối trong CSS

Đơn vị độ dài tương đối trong CSS không có giá trị cố định. Ý nghĩa của chúng phụ thuộc vào người khác đặt giá trị hoặc các chức năng. Chúng phổ biến hơn trong thiết kế web vì chúng giúp xác định kích thước của một phần tử dễ dàng hơn. Với sự trợ giúp của họ, bạn có thể đặt chiều rộng, chiều cao, kích thước phông chữ, v.v. so với các thông số cơ bản khác.

Đơn vị tương đối tùy thuộc vào phông chữ

Các đơn vị tương đối phụ thuộc vào phông chữ được tham chiếu trước đặt kích thước giá trị thuộc tính phông chữ hoặc họ phông chữ:

ex(chiều cao ký tự x);
ch( độ rộng ký tự bằng 0 (0));
đơn vị em trong CSS (chiều cao phông chữ của phần tử hiện tại);
rem ( kích thước phông chữ phần tử gốc).

bán tại

Định nghĩa là " chiều cao ký tự x của phông chữ hiện tại HOẶC nửa 1 em" Tức là chiều cao chữ cái thường x phông chữ được cài đặt. Khi bạn thay đổi giá trị của thuộc tính họ phông chữ, đơn vị cũ sẽ thay đổi.

ch

Bằng độ rộng của ký tự 0 . Đơn vị đo này cũng thay đổi khi giá trị của thuộc tính font-family thay đổi.

em

Đơn vị em CSS có giá trị bằng kích thước phông chữ của phần tử nội dung hoặc phần tử gốc. Ví dụ: nếu kích thước phông chữ của phần tử cha là 30px thì giá trị 1em sẽ được tính là 30px (30 x 1) cho tất cả các phần tử con. Số không nhất thiết phải là số nguyên. Nếu trong ví dụ chúng ta thay thế 1em bằng 0,5 thì giá trị sẽ là 15px (30 x 0,5).

Đơn vị em nhận giá trị của thẻ cha. Điều này có thể dẫn đến kết quả không mong muốn khi sử dụng các phần tử lồng nhau.

Giả sử chúng ta có ba phần tử lồng nhau. Phần tử đầu tiên (root) có kích thước phông chữ là 30px và hai phần tử lồng nhau có kích thước phông chữ là 2em. Phần tử được lồng trong thư mục gốc sẽ có kích thước phông chữ được tính là 60px (30 x 2). Và phần tử được lồng bên trong nó sẽ có kích thước phông chữ được tính là 120px (60 x 2).

rem

rem tương tự như CSS em, nhưng giá trị của nó luôn bằng với kích thước phông chữ của phần tử gốc. Đơn vị rem rất hữu ích khi phát triển các trang web phản hồi vì nó cho phép bạn mở rộng toàn bộ trang bằng cách thay đổi kích thước phông chữ trong thành phần HTML.

Đơn vị độ dài phần trăm dựa trên kích thước khung nhìn

Khu vực xem dựa trên chiều rộng và chiều cao của khung nhìn và bao gồm:

vh( chiều cao khung nhìn);
vw( chiều rộng khung nhìn);
vmin( nhỏ nhất của (vw, vh));
vmax ( lớn nhất của (vw, vh)).

vw

Đây là chiều rộng của khung nhìn. 1vw bằng 1/100 chiều rộng khung nhìn. Hơi giống tỷ lệ phần trăm, ngoại trừ giá trị vẫn giữ nguyên cho tất cả các phần tử bất kể độ rộng của các phần tử cha của chúng. Ví dụ: nếu chiều rộng cửa sổ là 1000px thì 1vw sẽ bằng 10px.

vh

Tương tự như vw ( chiều rộng khung nhìn), chỉ có đơn vị đo này phụ thuộc vào chiều cao của vùng quan sát. 1vh bằng 1/100 chiều cao xem. Ví dụ: nếu chiều cao cửa sổ trình duyệt là 900px thì 1vh sẽ là 9px.

vmin

Vmin bằng 1/100 của giá trị tối thiểu giữa chiều cao và chiều rộng của khung nhìn. Nói cách khác, 1/100 cạnh có độ dài ngắn nhất. Ví dụ: nếu kích thước cửa sổ 1200 x 800 pixel, thì giá trị vmin sẽ là 8px .

vmax

vmax bằng 1/100 giá trị tối đa giữa chiều cao và chiều rộng của khung nhìn. Nói cách khác là 1/100 cạnh có chiều dài dài nhất. Ví dụ: nếu kích thước là 1200 x 800 pixel, thì vmax là 12px .

Quan tâm %

Khoảng cách được chỉ định dưới dạng phần trăm phụ thuộc vào độ dài của phần tử gốc. Ví dụ: nếu phần tử cha rộng 1000px và phần tử con của nó bằng 50% giá trị đó thì chiều rộng phần tử con sẽ là 500px.

HỖ TRỢ TRÌNH DUYỆT

em CSS, ex, px, cm, mm, in, pt và pc

được hỗ trợ trong tất cả các trình duyệt, bao gồm cả các phiên bản IE cũ hơn.

CSS sử dụng các đơn vị tuyệt đối và tương đối để định kích thước các phần tử khác nhau. Đơn vị tuyệt đối độc lập với thiết bị đầu ra, nhưng đơn vị tương đối xác định kích thước của một phần tử so với giá trị của kích thước khác.

Đơn vị tương đối

Các đơn vị tương đối thường được sử dụng để làm việc với văn bản. Trong bảng 1 liệt kê các đơn vị tương đối chính.

Đơn vị em là giá trị thay đổi, tùy thuộc vào kích thước phông chữ của phần tử hiện tại (kích thước được đặt thông qua thuộc tính kiểu phông chữ). Mỗi trình duyệt có kích thước văn bản tích hợp được sử dụng khi kích thước này không được chỉ định rõ ràng. Do đó, ban đầu 1em bằng cỡ chữ mặc định của trình duyệt hoặc cỡ chữ của phần tử gốc. Ký hiệu phần trăm giống hệt với em, trong đó giá trị của 1em và 100% bằng nhau.

Đơn vị cũ được định nghĩa là chiều cao của ký tự "x" viết thường. ex phải tuân theo các quy tắc tương tự như em, cụ thể là nó bị ràng buộc với kích thước phông chữ mặc định của trình duyệt hoặc kích thước phông chữ của phần tử cha của nó.

Đơn vị ch bằng độ rộng của ký tự "0" đối với phần tử hiện tại và giống như em, phụ thuộc vào kích thước phông chữ.

Sự khác biệt giữa em và rem như sau. em phụ thuộc vào kích thước phông chữ của phần tử gốc và thay đổi theo nó, còn rem được gắn với phần tử gốc, tức là kích thước phông chữ được chỉ định cho phần tử html.

Ngoài ra còn có một nhóm đơn vị tương đối gắn liền với kích thước của khung nhìn trình duyệt. Trong bảng 2 hiển thị danh sách chúng kèm theo mô tả.

Đơn vị tuyệt đối

Đơn vị tuyệt đối thể hiện kích thước vật lý- inch, cm, milimét, điểm, picas và pixel. Đối với các thiết bị có dpi thấp (số pixel trên inch xác định mật độ pixel), liên kết là trên mỗi pixel. Trong trường hợp này, một inch bằng 96 pixel. Rõ ràng, inch thật sẽ không khớp với inch trên thiết bị như vậy. Trên các thiết bị có độ phân giải cao, inch thực bằng inch trên màn hình nên kích thước pixel được tính là 1/96 inch. Trong bảng 3 liệt kê các đơn vị tuyệt đối cơ bản.

Ví dụ

Đơn vị tương đối

tiêu đề 30px

Cỡ chữ 1,5 em

Đơn vị tuyệt đối

Tiêu đề 24 điểm

Dịch văn bản sang phải 30 mm

Ghi chú

Khi cài đặt kích thước, hãy đảm bảo chỉ định đơn vị đo, ví dụ: chiều rộng: 30px. Nếu không, trình duyệt sẽ không thể hiển thị kết quả mong muốn vì nó không hiểu kích thước bạn yêu cầu. Đơn vị không được thêm vào chỉ khi giá trị 0(lề: 0).

Internet Explorer hỗ trợ đơn vị vm thay vì vmin.

Sự chỉ rõ

Mỗi thông số kỹ thuật đều trải qua nhiều giai đoạn phê duyệt.

Khuyến nghị - Thông số kỹ thuật đã được W3C phê duyệt và được khuyến nghị làm tiêu chuẩn.
Đề xuất ứng viên ( Khuyến nghị có thể ) - nhóm chịu trách nhiệm về tiêu chuẩn hài lòng vì đã đáp ứng được mục tiêu của mình nhưng cần có sự trợ giúp từ cộng đồng phát triển để thực hiện tiêu chuẩn.
Khuyến nghị đề xuất Khuyến nghị được đề xuất) - ở giai đoạn này, tài liệu được gửi tới Hội đồng tư vấn của W3C để phê duyệt lần cuối.
Bản dự thảo đang hoạt động - Một phiên bản hoàn thiện hơn của bản dự thảo đã được thảo luận và sửa đổi để cộng đồng xem xét.
Bản thảo của người biên tập ( bản thảo biên tập) - phiên bản dự thảo của tiêu chuẩn sau khi các biên tập viên dự án thực hiện các thay đổi.
Bản nháp ( Thông số kỹ thuật dự thảo) - phiên bản dự thảo đầu tiên của tiêu chuẩn.