testing/web-platform/tests/content-dpr/tiled-background-image-with-content-dpr.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<html>
  <head>
    <title>Content-DPR: css tiled background</title>
    <link rel="author" title="Noam Rosenthal" href="noam@webkit.org">
    <link rel="match" href="tiled-background-image-with-content-dpr-ref.html" />
    <meta name="assert" content="Assert that content-dpr is taken into account for tiled background images">
    <style>
      #bg, #bg2 {
        width: 32px;
        height: 32px;
        background-image: url(resources/dpr.py?name=background.png&mimeType=image/png&dpr=2.0);
      }

      #bg2 {
        background-size: 8px 8px;
      }
    </style>
  </head>
  <body>
  The next div should have 16 boxes
    <div id="bg">
    </div>
  The next div should have 64 boxes
    <div id="bg2">
    </div>
  </body>
</html>