OLD | NEW |
1 <html> | 1 <!DOCTYPE html> |
2 <head> | |
3 <script src="resources/srcset-helper.js"></script> | 2 <script src="resources/srcset-helper.js"></script> |
4 <style> | 3 <style> |
5 #foo { | 4 #foo { |
6 width:100px; | 5 width:100px; |
7 height:100px; | 6 height:100px; |
8 -webkit-border-image: url('resources/green-400-px-square.png') 10 10 10
10 stretch stretch; | 7 -webkit-border-image: url('resources/green-400-px-square.png') 10 10 10
10 stretch stretch; |
9 } | 8 } |
10 </style> | 9 </style> |
11 </head> | 10 <div>This test passes if the div below is a blue 100px square when the deviceSca
leFactor is 1, and if it is a 100px green square when the deviceScaleFactor is 2
. When run in the test harness, this test is distinct from image-set-as-backgrou
nd, because it ensures that the green image loads dynamically when the scale fac
tor changes.</div> |
12 | 11 <div id=foo></div> |
13 <body> | |
14 <div>This test passes if the div below is a blue 100px square when the devic
eScaleFactor is 1, and if it is a 100px green square when the deviceScaleFactor
is 2. When run in the test harness, this test is distinct from image-set-as-back
ground, because it ensures that the green image loads dynamically when the scale
factor changes.</div> | |
15 <div id=foo></div> | |
16 </body> | |
17 </html> | |
OLD | NEW |