UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

Steps to reproduce the problem:
1. Open demo.html
2. Resize browser from 600px wide to 1600px wide.
3. File > Print 
4. Look at the print preview for various paper sizes (e.g. A0, A1, A2, ...)

What is the expected behavior?
At Step 2, we expect that the second rectangle is always the size of the first rectangle but rounded down to the nearest multiple of 50px.

At Step 4, we expect the same behavior.

What went wrong?
In Step 4, the second rectangle is much more than 50px less than the first rectangle.

The desired effect is achieved by having successive media queries that size the rectangle based on incremental values of min-width (utilizing specificity to favor the largest, valid min-width)

This seems to indicate that the value of `width` in media queries in the print preview is incorrect.

In the attached zip:
- chrome-screen-*.png shows step 2 working as expected.
- chrome-print-*.png files illustrates the error in step 4.
- firefox-*.png shows that Firefox's print of A4 and legal were sized correctly.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.133  Channel: stable
OS Version: OS X 10.11.6
Flash Version:
 

Deleted: demo.html 3.9 KB

demo.html 3.9 KB View Download

Deleted: wrong-width-media-print.zip 899 KB

wrong-width-media-print.zip 899 KB Download