The latest articles on DEV Community by khushal (@khushal_satani). https://dev.to/khushal_satani https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2840139%2Fc82bf52c-dbd7-44e4-a27a-9a3de891a94c.png https://dev.to/khushal_satani en khushal Wed, 25 Jun 2025 13:02:33 +0000 https://dev.to/khushal_satani/what-is-the-need-of-dvh-dvw-svh-svw-lvh-lvw-4o9m https://dev.to/khushal_satani/what-is-the-need-of-dvh-dvw-svh-svw-lvh-lvw-4o9m <p>## <strong><u>Problem in vh</u></strong>: <code>By default, the vh unit includes the address bar that comes with a mobile browser.</code></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw8cnr950q09hcja0lbts.webp" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw8cnr950q09hcja0lbts.webp" alt="problem in vh" width="800" height="600"></a></p> <p>The solution of this problem lead to new units.</p> <p>You can understand solution through below image.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fapklhvr9n76k7lyyof33.webp" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fapklhvr9n76k7lyyof33.webp" alt="solution of problem" width="800" height="450"></a></p> webdev learning css