डायनेमिक Viewport यूनिट्स का उपयोग

• डेस्कटॉप पर vw, vh viewport के आकार को अच्छी तरह दर्शाते हैं
• मोबाइल में toolbar, address bar जैसे dynamically बनने वाले UI की वजह से आकार प्रभावित होता है। इसलिए 100vh viewport के आकार से बड़ा हो सकता है, या scroll आदि से address bar सिकुड़ने पर viewport के आकार के अनुसार हो जाता है
• CSS Working Group ने ऐसे dynamically बदलने वाले आकारों के लिए उपयोग की जा सकने वाली units दी हैं, जो actual viewport के बिल्कुल मेल खाने वाला आकार देती हैं
  • Large viewport: lvh dynamically बनने वाले UI के न होने की स्थिति में
  • Small viewport: svh सिकुड़ा हुआ UI फिर से expand होने की स्थिति में
  • Dynamic viewport: dvh dynamic UI की स्थिति के अनुसार viewport के आकार के बराबर हो जाता है। Chrome 108, Firefox 101, Safari 15.4 में supported