100vw je past! Neumí změřit šířku viewportu

Read Original

Článek se zabývá známým CSS problémem, kdy jednotka 100vw zahrnuje šířku scrollbaru, což způsobuje horizontální scrollování na Windows. Autor vysvětluje, proč stávající jednotky (vw, svw, lvw, dvw) selhávají, a nabízí dvě řešení: měření šířky viewportu pomocí JavaScriptu a ResizeObserveru, nebo využití CSS container query jednotky 100cqw. Článek je praktickým průvodcem pro vývojáře, kteří chtějí vytvořit full-bleed prvky bez nežádoucího scrollování.

100vw je past! Neumí změřit šířku viewportu

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

No top articles yet