[css3-images] default object size for replaced elements not purely 300x150 from L. David Baron on 2012-03-13 (www-style@w3.org from March 2012) (original) (raw)

http://dev.w3.org/csswg/css3-images/#default-object-size says:

replaced elements

The default object size is a rectangle 300px wide and 150px

tall. [CSS21]

This is an incorrect statement of CSS 2.1's rules, and this should instead reflect what CSS 2.1 actually says.

http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width says:

Otherwise, if 'width' has a computed value of 'auto', but none

of the conditions above are met, then the used value of 'width'

becomes 300px. If 300px is too wide to fit the device, UAs

should use the width of the largest rectangle that has a 2:1

ratio and fits the device instead.

http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height says:

Otherwise, if 'height' has a computed value of 'auto', but none

of the conditions above are met, then the used value of 'height'

must be set to the height of the largest rectangle that has a

2:1 ratio, has a height not greater than 150px, and has a width

not greater than the device width.

This implies that instead, the default object size is the largest rectangle that has a 2:1 width:height ratio, is no larger than 300px width and 150px height, and has a width that fits in the device.

-David

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

Received on Tuesday, 13 March 2012 21:04:29 UTC