[css3-page][css3-mediaqueries] Page size conflicts


In paged media, media queries have several features such as 'width' and 
'height' that are based on the size of the page box. However, with 
css3-page, that size is decided by the 'size' property in @page rules.

How do media queries interact with the 'size' property?

For example, how is the following resolved?

@media print and (max-width: 20cm) {
     @page { size: 21cm 29.7cm }
@media print and (min-width: 20cm) {
     @page { size: 14.8cm 21cm }

More generally, the results of the cascade depend on which media queries 
match. Can values tested in media queries depend on the result of the 
cascade? How are the results defined in such cases?

Simon Sapin

Received on Friday, 17 February 2012 10:23:02 UTC