Sử dụng đơn vị viewport động

• Trên desktop, vw, vh thể hiện khá chính xác kích thước của viewport
• Trên di động, kích thước bị ảnh hưởng bởi các UI được tạo động như thanh công cụ, thanh địa chỉ; vì vậy 100vh có thể vượt quá kích thước viewport, hoặc khi thanh địa chỉ thu gọn do cuộn thì sẽ lại khớp với kích thước viewport
• Nhóm làm việc CSS đã cung cấp các đơn vị có thể dùng theo những thay đổi động này để mang lại kích thước khớp chính xác với viewport thực tế
  • Large viewport: lvh là khi không có UI được tạo động
  • Small viewport: svh là khi UI đã thu gọn lại mở rộng trở lại
  • Dynamic viewport: dvh trở nên bằng kích thước viewport theo trạng thái UI động, được hỗ trợ trên Chrome 108, Firefox 101, Safari 15.4