Michael Scharnagl 11/25/2015

Definining aspect ratio to prevent reflow

Read Original

This technical article discusses the problem of page layout reflow caused by images loading slowly. It provides detailed CSS solutions, including the padding-bottom hack, a calc()/vw workaround, and the proposed aspect-ratio property, to define aspect ratios and prevent disruptive jumps during page rendering.

Definining aspect ratio to prevent reflow

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

1
The Beautiful Web
Jens Oliver Meiert 2 votes
2
Container queries are rad AF!
Chris Ferdinandi 2 votes
3
Wagon’s algorithm in Python
John D. Cook 1 votes
5
Top picks — 2026 January
Paweł Grzybek 1 votes
6
In Praise of –dry-run
Henrik Warne 1 votes
8
Vibe coding your first iOS app
William Denniss 1 votes