CSS workaround for differential aspect ratios?

terrymun / Fluidbox

Replicating and improving the lightbox module seen on Medium with fluid transitions.

http://terrymun.github.io/Fluidbox/

Other

2.15k stars 166 forks source link

CSS workaround for differential aspect ratios? #196

Closed designosis closed 6 years ago

designosis commented 6 years ago

I'm looking for a workaround to the issue addressed in #148. In the demo example, the problem is barely apparent, whereas with regular photos it's quite jarring.

This jsfiddle shows the jump better.

This could be a workable solution with a bit more thought.

Any ideas on how to handle this correctly?

designosis commented 6 years ago

On second thought, this probably overcomplicates an otherwise simple and excellent tool. Never mind :)