[css4-images] specifying intrinsic size for images that haven't loaded yet

http://www.jwz.org/blog/2012/07/non-bouncy-layouts/ describes a use
case that we should try to address; specifying an *intrinsic size*
for images that aren't loaded yet so that pages don't bounce around
when images load.  This is doable today if you want the images to be
sized to their intrinsic size, but it's not doable today if you want
to scale the images but preserve the intrinsic ratio (for example,
by making them the width of their container).

(I was trying to figure out if this was a feature provided by the
confusing magical behavior of object-fit:contain on sizing that was
in previous drafts of css3-images [1] but which we removed at least
partly because it was confusing, but I don't think it is, since I
think that magical behavior still only works if the images are

Would it make sense to have an 'intrinsic-size' property?  (If we
do, would we want it to override data from the image, or vice


[1] first paragraph of the 'contain' definition in

𝄞   L. David Baron                         http://dbaron.org/   𝄂
𝄢   Mozilla                           http://www.mozilla.org/   𝄂

Received on Sunday, 29 July 2012 04:22:24 UTC