How to use dynamic viewport units with a fallback in tailwindCSS?
heres what im trying to do, i recently came across dynamic viewport units that take into account the address bar on phone browsers!
same thing with min-h-screen and min-h-[100dvh]
i did some research and i saw that browser support isnt 100% yet so ive got to use a fallback right which i always use previously before discovering dvh id always use h-screen etc
but for some reason this line of code doesnt seem to work when i checked on phone! i did some digging around as well and wasnt able to find a working solution with a fallback
i thought id ask here.. what am i doing wrong here? how can i use dynamic viewport units that take into account the addressbar and show no scroll just like how h-screen works on laptops!
also theres dvh, svh, lvh, im kind of confused as to whats really the best unit to use and how they differ from each other, its my first time coming across these so im kind of lost
thanks in advance
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time π.
36,263Members
Resources
Similar Threads
Was this page helpful?
