|
1 <!DOCTYPE html> |
|
2 <html reftest-zoom="2"> |
|
3 <head> |
|
4 <title>background-size + zoom</title> |
|
5 <style type="text/css"> |
|
6 html |
|
7 { |
|
8 margin: 0; |
|
9 padding: 5px; |
|
10 } |
|
11 body |
|
12 { |
|
13 margin: 0; |
|
14 padding: 0; |
|
15 } |
|
16 #outer |
|
17 { |
|
18 border: 1px solid black; |
|
19 width: 64px; |
|
20 height: 128px; |
|
21 } |
|
22 #inner |
|
23 { |
|
24 width: 64px; |
|
25 height: 128px; |
|
26 background-image: url(aqua-32x32.png); |
|
27 background-repeat: no-repeat; |
|
28 background-size: 25%; |
|
29 } |
|
30 </style> |
|
31 </head> |
|
32 <body> |
|
33 <div id="outer"><div id="inner"></div></div> |
|
34 </body> |
|
35 </html> |