image-set-resolution-002.html (807B)
1 <!doctype html> 2 <title>Image set resolution affects intrinsic size of the image</title> 3 <link rel="match" href="image-set-resolution-001-ref.html"> 4 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 5 <link rel="author" href="https://mozilla.org" title="Mozilla"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1705877"> 7 <link rel="help" href="https://drafts.csswg.org/css-images-4/#image-set-notation"> 8 <style> 9 body { margin: 0 } 10 div { 11 /* green.png is 100x50, should be 200x100 instead */ 12 background-image: -webkit-image-set(url('/images/green.png') 0.5x); 13 background-image: image-set(url('/images/green.png') 0.5x); 14 background-repeat: no-repeat; 15 background-origin: 0 0; 16 width: 100vw; 17 height: 100vh; 18 } 19 </style> 20 <div></div>