Jul 6, 2021 · So there are two things you need to know about this: -webkit-fill-available; the -webkit part is an extension for browsers such as Safari or Chrome, you can find more examples here: …

Jan 10, 2026 · Support tables for HTML5, CSS3, etc. "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Dec 16, 2025 · Used with sizing properties like width and height, to allow elements to take up all available space within their parent container. The stretch value provides a standard replacement, but …

Mar 28, 2023 · I’m having a lot of problems with “width” in different resolutions, in “position:absolute”, is there an equivalent of “-webkit-fill-available” that works in all browsers?

May 31, 2021 · This is the only way that works for me, I tried the -webkit-fill-available method but it doesn't work. I set the parent with the class you suggest and the child with h-full.

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.

Oct 9, 2014 · The width: 100% declared at the start will be used by browsers which ignore both the -moz and -webkit -prefixed declarations or do not support -moz-available or -webkit-fill-available.

May 11, 2020 · WebKit handles 100vh in a way that differs from other browsers, which can complicate some layouts. But using -webkit-fill-available might be a good enough alternative to get by.

Jul 17, 2020 · Using min-height: 100vh works great for filling the viewport, but a safer way is to progressively use -webkit-fill-available to account for a long-standing iOS issue with 100vh. This is by …

Dec 29, 2025 · Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML …