Trong CSS, vh và vw là các đơn vị đo lường dựa trên kích thước của viewport (khung nhìn):
VH (Viewport Height): 1vh tương đương với 1% chiều cao của viewport. Ví dụ, nếu chiều cao viewport là 900px, 1vh sẽ bằng 9px.
VW (Viewport Width): 1vw tương đương với 1% chiều rộng của viewport. Ví dụ, nếu chiều rộng viewport là 1200px, 1vw sẽ bằng 12px.
Các đơn vị này rất hữu ích khi bạn muốn thiết kế giao diện web phản hồi (responsive design), vì chúng cho phép bạn đặt kích thước của các phần tử dựa trên tỷ lệ phần trăm của kích thước màn hình hiện tại, thay vì kích thước cố định.
Ngoài ra, còn có hai đơn vị liên quan khác là vmin và vmax:
VMIN (Viewport Minimum): 1vmin tương đương với 1% của kích thước nhỏ nhất giữa chiều cao và chiều rộng của viewport.
VMAX (Viewport Maximum): 1vmax tương đương với 1% của kích thước lớn nhất giữa chiều cao và chiều rộng của viewport.
Các đơn vị này giúp bạn có thêm sự linh hoạt khi thiết kế các phần tử để chúng phù hợp với màn hình hiển thị ở các kích thước khác nhau.
