diff options
Diffstat (limited to 'layout/base/tests/chrome/printpreview_pps_uw2_no_margin_ref.html')
-rw-r--r-- | layout/base/tests/chrome/printpreview_pps_uw2_no_margin_ref.html | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/layout/base/tests/chrome/printpreview_pps_uw2_no_margin_ref.html b/layout/base/tests/chrome/printpreview_pps_uw2_no_margin_ref.html new file mode 100644 index 0000000000..223aab8d55 --- /dev/null +++ b/layout/base/tests/chrome/printpreview_pps_uw2_no_margin_ref.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<!-- This is a reference case for a "2-pages-per-sheet" scenario zero + unwriteable margins. We're scaling down 8in width to fit 2 in 10in, + so the scale factor is (10 / 2) / 8 = 0.625x. --> +<style> +html { height: 100%; } +body { + height: 100%; + margin: 0; + box-sizing: border-box; + + /* The testcase (rendered at 2-pages-per-sheet) will have 8 - (10in * 0.625) + * = 1.75in of extra vertical space. */ + padding: 0.875in 0; + + /* We lay out the body as a row-oriented flex container, with two + side-by-side children which correspond to the two pages per sheet: */ + display: flex; +} +.swatch { + box-sizing: border-box; + + /* This represents the 240px border in the testcase, scaled down 0.5x: */ + border: 150px solid; + + /* Share the width equally among the swatches. (The height will be + automatically set to the flex container's row height, via default + 'align-self' behavior.) */ + flex: 1; + margin: 0; +} +.swatch:nth-child(1) { border-color: cyan; } +.swatch:nth-child(2) { border-color: pink; } +</style> +<div class="swatch"></div> +<div class="swatch"></div> |