| <!doctype html> |
| <script src="../../../../resources/js-test.js"></script> |
| <script src="../resources/currentSrcHelper.js"></script> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| addEventListener("load", function() { |
| var paragraphs = document.getElementsByTagName('p'); |
| for (var i = 0; i < paragraphs.length; ++i) { |
| var p = paragraphs[i] |
| var current = p.firstElementChild; |
| if (!current) continue |
| var ref_sizes = current.getAttribute('sizes'); |
| var expect = p.firstElementChild.currentSrc; |
| if (expect) |
| expect = fileName(expect.split('?')[0]); |
| while (current = current.nextElementSibling) { |
| if (expect === '' || expect === null || expect === undefined) |
| continue |
| var got = current.currentSrc; |
| if (got) |
| got = fileName(got.split('?')[0]); |
| shouldBe('"' + got + '"', '"' + expect + '"'); |
| } |
| } |
| }) |
| </script> |
| <style> img { } </style> |
| <!-- First <img> in a <p> is the reference. The following <img>s should be equivalent --> |
| <!-- default is 100vw, not 300px --> |
| <p id="par"> |
| <img srcset='../resources/green-1x1.png?a1 300w, ../resources/green-16x16.png?a1 301w' sizes='100vw'> |
| <img srcset='../resources/green-1x1.png?a2 300w, ../resources/green-16x16.png?a2 301w'> |
| <p> |
| <img srcset='../resources/green-1x1.png?b1 450w, ../resources/green-16x16.png?b1 451w' sizes='100vw'> |
| <img srcset='../resources/green-1x1.png?b2 450w, ../resources/green-16x16.png?b2 451w'> |
| <p> |
| <img srcset='../resources/green-1x1.png?c1 600w, ../resources/green-16x16.png?c1 601w' sizes='100vw'> |
| <img srcset='../resources/green-1x1.png?c2 600w, ../resources/green-16x16.png?c2 601w'> |
| <p> |
| <img srcset='../resources/green-1x1.png?d1 900w, ../resources/green-16x16.png?d1 901w' sizes='100vw'> |
| <img srcset='../resources/green-1x1.png?d2 900w, ../resources/green-16x16.png?d2 901w'> |
| |
| <p> |
| <img srcset='../resources/green-1x1.png?e1 50w, ../resources/green-16x16.png?e1 51w' sizes='1px'> |
| <img srcset='../resources/green-1x1.png?e2 50w, ../resources/green-16x16.png?e2 51w' sizes='0'> |
| <img srcset='../resources/green-1x1.png?e3 50w, ../resources/green-16x16.png?e3 51w' sizes='-0'> |
| <img srcset='../resources/green-1x1.png?e4 50w, ../resources/green-16x16.png?e4 51w' sizes='+0'> |
| <img srcset='../resources/green-1x1.png?e5 50w, ../resources/green-16x16.png?e5 51w' sizes='+1px'> |
| <img srcset='../resources/green-1x1.png?e6 50w, ../resources/green-16x16.png?e6 51w' sizes='.1px'> |
| <img srcset='../resources/green-1x1.png?e7 50w, ../resources/green-16x16.png?e7 51w' sizes='0.1em'> |
| <img srcset='../resources/green-1x1.png?e8 50w, ../resources/green-16x16.png?e8 51w' sizes='0.1ex'> |
| <img srcset='../resources/green-1x1.png?e9 50w, ../resources/green-16x16.png?e9 51w' sizes='0.1ch'> |
| <img srcset='../resources/green-1x1.png?e10 50w, ../resources/green-16x16.png?e10 51w' sizes='0.1rem'> |
| <img srcset='../resources/green-1x1.png?e11 50w, ../resources/green-16x16.png?e11 51w' sizes='0.1vw'> |
| <img srcset='../resources/green-1x1.png?e12 50w, ../resources/green-16x16.png?e12 51w' sizes='0.1vh'> |
| <img srcset='../resources/green-1x1.png?e13 50w, ../resources/green-16x16.png?e13 51w' sizes='0.1vmin'> |
| <img srcset='../resources/green-1x1.png?e14 50w, ../resources/green-16x16.png?e14 51w' sizes='0.1vmax'> |
| <img srcset='../resources/green-1x1.png?e15 50w, ../resources/green-16x16.png?e15 51w' sizes='0.1cm'> |
| <img srcset='../resources/green-1x1.png?e16 50w, ../resources/green-16x16.png?e16 51w' sizes='1mm'> |
| <img srcset='../resources/green-1x1.png?e17 50w, ../resources/green-16x16.png?e17 51w' sizes='1q'> |
| <img srcset='../resources/green-1x1.png?e18 50w, ../resources/green-16x16.png?e18 51w' sizes='0.01in'> |
| <img srcset='../resources/green-1x1.png?e19 50w, ../resources/green-16x16.png?e19 51w' sizes='0.1pc'> |
| <img srcset='../resources/green-1x1.png?e20 50w, ../resources/green-16x16.png?e20 51w' sizes='0.1pt'> |
| <img srcset='../resources/green-1x1.png?e21 50w, ../resources/green-16x16.png?e21 51w' sizes='/* */1px/* */'> |
| <img srcset='../resources/green-1x1.png?e22 50w, ../resources/green-16x16.png?e22 51w' sizes=' /**/ /**/ 1px /**/ /**/ '> |
| <img srcset='../resources/green-1x1.png?e23 50w, ../resources/green-16x16.png?e23 51w' sizes='(),1px'> |
| <img srcset='../resources/green-1x1.png?e24 50w, ../resources/green-16x16.png?e24 51w' sizes='x(),1px'> |
| <img srcset='../resources/green-1x1.png?e25 50w, ../resources/green-16x16.png?e25 51w' sizes='{},1px'> |
| <img srcset='../resources/green-1x1.png?e26 50w, ../resources/green-16x16.png?e26 51w' sizes='[],1px'> |
| <img srcset='../resources/green-1x1.png?e27 50w, ../resources/green-16x16.png?e27 51w' sizes='1px,('> |
| <img srcset='../resources/green-1x1.png?e28 50w, ../resources/green-16x16.png?e28 51w' sizes='1px,x('> |
| <img srcset='../resources/green-1x1.png?e29 50w, ../resources/green-16x16.png?e29 51w' sizes='1px,{'> |
| <img srcset='../resources/green-1x1.png?e30 50w, ../resources/green-16x16.png?e30 51w' sizes='1px,['> |
| <img srcset='../resources/green-1x1.png?e31 50w, ../resources/green-16x16.png?e31 51w' sizes='\(,1px'> |
| <img srcset='../resources/green-1x1.png?e32 50w, ../resources/green-16x16.png?e32 51w' sizes='x\(,1px'> |
| <img srcset='../resources/green-1x1.png?e33 50w, ../resources/green-16x16.png?e33 51w' sizes='\{,1px'> |
| <img srcset='../resources/green-1x1.png?e34 50w, ../resources/green-16x16.png?e34 51w' sizes='\[,1px'> |
| <img srcset='../resources/green-1x1.png?e35 50w, ../resources/green-16x16.png?e35 51w' sizes='1\p\x'> |
| <img srcset='../resources/green-1x1.png?e36 50w, ../resources/green-16x16.png?e36 51w' sizes='calc(1px)'> |
| <img srcset='../resources/green-1x1.png?e37 50w, ../resources/green-16x16.png?e37 51w' sizes='(min-width:0) calc(1px)'> |
| <img srcset='../resources/green-1x1.png?e38 50w, ../resources/green-16x16.png?e38 51w' sizes='(min-width:calc(0)) 1px'> |
| <img srcset='../resources/green-1x1.png?e39 50w, ../resources/green-16x16.png?e39 51w' sizes='(min-width:0) 1px, 100vw'> |
| <img srcset='../resources/green-1x1.png?e40 50w, ../resources/green-16x16.png?e40 51w' sizes='(min-width:0) 1px, (min-width:0) 100vw, 100vw'> |
| <img srcset='../resources/green-1x1.png?e41 50w, ../resources/green-16x16.png?e41 51w' sizes='(min-width:0) 1px'> |
| <img srcset='../resources/green-1x1.png?e42 50w, ../resources/green-16x16.png?e42 51w' sizes='not (min-width:0) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e43 50w, ../resources/green-16x16.png?e43 51w' sizes='(min-width:unknown-mf-value) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e44 50w, ../resources/green-16x16.png?e44 51w' sizes='not (min-width:unknown-mf-value) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e45 50w, ../resources/green-16x16.png?e45 51w' sizes='(min-width:-1px) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e46 50w, ../resources/green-16x16.png?e46 51w' sizes='not (min-width:-1px) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e47 50w, ../resources/green-16x16.png?e47 51w' sizes='(unknown-mf-name) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e48 50w, ../resources/green-16x16.png?e48 51w' sizes='not (unknown-mf-name) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e49 50w, ../resources/green-16x16.png?e49 51w' sizes='(unknown "general-enclosed") 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e50 50w, ../resources/green-16x16.png?e50 51w' sizes='not (unknown "general-enclosed") 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e51 50w, ../resources/green-16x16.png?e51 51w' sizes='unknown-general-enclosed(foo) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e52 50w, ../resources/green-16x16.png?e52 51w' sizes='not unknown-general-enclosed(foo) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e53 50w, ../resources/green-16x16.png?e53 51w' sizes='print 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e54 50w, ../resources/green-16x16.png?e54 51w' sizes='not print 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e55 50w, ../resources/green-16x16.png?e55 51w' sizes='unknown-media-type 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e56 50w, ../resources/green-16x16.png?e56 51w' sizes='not unknown-media-type 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e57 50w, ../resources/green-16x16.png?e57 51w' sizes='(min-width:0) or (min-width:0) 1px'> |
| <img srcset='../resources/green-1x1.png?e58 50w, ../resources/green-16x16.png?e58 51w' sizes='(min-width:0) or (unknown-mf-name) 1px'> |
| <img srcset='../resources/green-1x1.png?e59 50w, ../resources/green-16x16.png?e59 51w' sizes='(min-width:0) or (min-width:unknown-mf-value) 1px'> |
| <img srcset='../resources/green-1x1.png?e60 50w, ../resources/green-16x16.png?e60 51w' sizes='(min-width:0) or (min-width:-1px) 1px'> |
| <img srcset='../resources/green-1x1.png?e61 50w, ../resources/green-16x16.png?e61 51w' sizes='(min-width:0) or (unknown "general-enclosed") 1px'> |
| <img srcset='../resources/green-1x1.png?e62 50w, ../resources/green-16x16.png?e62 51w' sizes='(min-width:0) or unknown-general-enclosed(foo) 1px'> |
| <img srcset='../resources/green-1x1.png?e63 50w, ../resources/green-16x16.png?e63 51w' sizes='(min-width:0) or (!) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e64 50w, ../resources/green-16x16.png?e64 51w' sizes='(min-width:0) or unknown-media-type 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e65 50w, ../resources/green-16x16.png?e65 51w' sizes='(123) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e66 50w, ../resources/green-16x16.png?e66 51w' sizes='not (123) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e67 50w, ../resources/green-16x16.png?e67 51w' sizes='(!) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e68 50w, ../resources/green-16x16.png?e68 51w' sizes='not (!) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e69 50w, ../resources/green-16x16.png?e69 51w' sizes='! 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e70 50w, ../resources/green-16x16.png?e70 51w' sizes='not ! 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e71 50w, ../resources/green-16x16.png?e71 51w' sizes='(]) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e72 50w, ../resources/green-16x16.png?e72 51w' sizes='not (]) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e73 50w, ../resources/green-16x16.png?e73 51w' sizes='] 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e74 50w, ../resources/green-16x16.png?e74 51w' sizes='not ] 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e75 50w, ../resources/green-16x16.png?e75 51w' sizes='(}) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e76 50w, ../resources/green-16x16.png?e76 51w' sizes='not (}) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e77 50w, ../resources/green-16x16.png?e77 51w' sizes='} 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e78 50w, ../resources/green-16x16.png?e78 51w' sizes='not } 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e79 50w, ../resources/green-16x16.png?e79 51w' sizes=') 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e80 50w, ../resources/green-16x16.png?e80 51w' sizes='not ) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e81 50w, ../resources/green-16x16.png?e81 51w' sizes='(;) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e82 50w, ../resources/green-16x16.png?e82 51w' sizes='not (;) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e83 50w, ../resources/green-16x16.png?e83 51w' sizes='(.) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e84 50w, ../resources/green-16x16.png?e84 51w' sizes='not (.) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e85 50w, ../resources/green-16x16.png?e85 51w' sizes='; 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e86 50w, ../resources/green-16x16.png?e86 51w' sizes='not ; 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e87 50w, ../resources/green-16x16.png?e87 51w' sizes=', 1px'> |
| <img srcset='../resources/green-1x1.png?e88 50w, ../resources/green-16x16.png?e88 51w' sizes='1px,'> |
| <img srcset='../resources/green-1x1.png?e89 50w, ../resources/green-16x16.png?e89 51w' sizes='(min-width:0) 1px,'> |
| <img srcset='../resources/green-1x1.png?e90 50w, ../resources/green-16x16.png?e90 51w' sizes='-0e-0px'> |
| <img srcset='../resources/green-1x1.png?e91 50w, ../resources/green-16x16.png?e91 51w' sizes='+0.11e+01px'> |
| <img srcset='../resources/green-1x1.png?e92 50w, ../resources/green-16x16.png?e92 51w' sizes='0.2e1px'> |
| <img srcset='../resources/green-1x1.png?e93 50w, ../resources/green-16x16.png?e93 51w' sizes='0.3E1px'> |
| <img srcset='../resources/green-1x1.png?e94 50w, ../resources/green-16x16.png?e94 51w' sizes='.4E1px'> |
| <img srcset='../resources/green-1x1.png?e95 50w, ../resources/green-16x16.png?e95 51w' sizes='all 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e96 50w, ../resources/green-16x16.png?e96 51w' sizes='all and (min-width:0) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e97 50w, ../resources/green-16x16.png?e97 51w' sizes='min-width:0 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e98 50w, ../resources/green-16x16.png?e98 51w' sizes='1px, 100vw'> |
| <img srcset='../resources/green-1x1.png?e99 50w, ../resources/green-16x16.png?e99 51w' sizes='1px, (min-width:0) 100vw'> |
| <img srcset='../resources/green-1x1.png?e100 50w, ../resources/green-16x16.png?e100 51w' sizes='1px, foo bar'> |
| <img srcset='../resources/green-1x1.png?e101 50w, ../resources/green-16x16.png?e101 51w' sizes='(min-width:0) 1px, foo bar'> |
| <img srcset='../resources/green-1x1.png?e102 50w, ../resources/green-16x16.png?e102 51w' sizes='("grammar does not match") 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e103 50w, ../resources/green-16x16.png?e103 51w' sizes='not ("grammar does not match") 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e104 50w, ../resources/green-16x16.png?e104 51w' sizes='(unknown-general-enclosed !) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e105 50w, ../resources/green-16x16.png?e105 51w' sizes='not (unknown-general-enclosed !) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e106 50w, ../resources/green-16x16.png?e106 51w' sizes='(min-width:0) or (unknown-general-enclosed !) 1px'> |
| <img srcset='../resources/green-1x1.png?e107 50w, ../resources/green-16x16.png?e107 51w' sizes='not ((min-width:0) or (unknown "general-enclosed")) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e108 50w, ../resources/green-16x16.png?e108 51w' sizes='(max-width:0) or (unknown-general-enclosed !) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?e109 50w, ../resources/green-16x16.png?e109 51w' sizes='not ((max-width:0) or (unknown "general-enclosed")) 100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?f48 50w, ../resources/green-16x16.png?f48 51w' sizes='calc(1px'> |
| <img srcset='../resources/green-1x1.png?f49 50w, ../resources/green-16x16.png?f49 51w' sizes='(min-width:0) calc(1px'> |
| |
| <p> |
| <img srcset='../resources/green-1x1.png?f1 50w, ../resources/green-16x16.png?f1 51w' sizes='100vw'> |
| <img srcset='../resources/green-1x1.png?f2 50w, ../resources/green-16x16.png?f2 51w' sizes=''> |
| <img srcset='../resources/green-1x1.png?f3 50w, ../resources/green-16x16.png?f3 51w' sizes=','> |
| <img srcset='../resources/green-1x1.png?f4 50w, ../resources/green-16x16.png?f4 51w' sizes='-1px'> |
| <img srcset='../resources/green-1x1.png?f5 50w, ../resources/green-16x16.png?f5 51w' sizes='1'> |
| <img srcset='../resources/green-1x1.png?f6 50w, ../resources/green-16x16.png?f6 51w' sizes='0.1%'> |
| <img srcset='../resources/green-1x1.png?f7 50w, ../resources/green-16x16.png?f7 51w' sizes='0.1deg'> |
| <img srcset='../resources/green-1x1.png?f8 50w, ../resources/green-16x16.png?f8 51w' sizes='0.1grad'> |
| <img srcset='../resources/green-1x1.png?f9 50w, ../resources/green-16x16.png?f9 51w' sizes='0.1rad'> |
| <img srcset='../resources/green-1x1.png?f10 50w, ../resources/green-16x16.png?f10 51w' sizes='0.1turn'> |
| <img srcset='../resources/green-1x1.png?f11 50w, ../resources/green-16x16.png?f11 51w' sizes='0.1s'> |
| <img srcset='../resources/green-1x1.png?f12 50w, ../resources/green-16x16.png?f12 51w' sizes='0.1ms'> |
| <img srcset='../resources/green-1x1.png?f13 50w, ../resources/green-16x16.png?f13 51w' sizes='0.1Hz'> |
| <img srcset='../resources/green-1x1.png?f14 50w, ../resources/green-16x16.png?f14 51w' sizes='0.1kHz'> |
| <img srcset='../resources/green-1x1.png?f15 50w, ../resources/green-16x16.png?f15 51w' sizes='0.1dpi'> |
| <img srcset='../resources/green-1x1.png?f16 50w, ../resources/green-16x16.png?f16 51w' sizes='0.1dpcm'> |
| <img srcset='../resources/green-1x1.png?f17 50w, ../resources/green-16x16.png?f17 51w' sizes='0.1dppx'> |
| <img srcset='../resources/green-1x1.png?f18 50w, ../resources/green-16x16.png?f18 51w' data-foo='1px' sizes='attr(data-foo, length, 1px)'> |
| <img srcset='../resources/green-1x1.png?f19 50w, ../resources/green-16x16.png?f19 51w' data-foo='1' sizes='attr(data-foo, px, 1px)'> |
| <img srcset='../resources/green-1x1.png?f20 50w, ../resources/green-16x16.png?f20 51w' sizes='toggle(1px)'> |
| <img srcset='../resources/green-1x1.png?f21 50w, ../resources/green-16x16.png?f21 51w' sizes='inherit'> |
| <img srcset='../resources/green-1x1.png?f22 50w, ../resources/green-16x16.png?f22 51w' sizes='auto'> |
| <img srcset='../resources/green-1x1.png?f23 50w, ../resources/green-16x16.png?f23 51w' sizes='initial'> |
| <img srcset='../resources/green-1x1.png?f24 50w, ../resources/green-16x16.png?f24 51w' sizes='unset'> |
| <img srcset='../resources/green-1x1.png?f25 50w, ../resources/green-16x16.png?f25 51w' sizes='default'> |
| <img srcset='../resources/green-1x1.png?f26 50w, ../resources/green-16x16.png?f26 51w' sizes='1/* */px'> |
| <img srcset='../resources/green-1x1.png?f27 50w, ../resources/green-16x16.png?f27 51w' sizes='1p/* */x'> |
| <img srcset='../resources/green-1x1.png?f28 50w, ../resources/green-16x16.png?f28 51w' sizes='-/**/0'> |
| <img srcset='../resources/green-1x1.png?f29 50w, ../resources/green-16x16.png?f29 51w' sizes='((),1px'> |
| <img srcset='../resources/green-1x1.png?f30 50w, ../resources/green-16x16.png?f30 51w' sizes='x(x(),1px'> |
| <img srcset='../resources/green-1x1.png?f31 50w, ../resources/green-16x16.png?f31 51w' sizes='{{},1px'> |
| <img srcset='../resources/green-1x1.png?f32 50w, ../resources/green-16x16.png?f32 51w' sizes='[[],1px'> |
| <img srcset='../resources/green-1x1.png?f33 50w, ../resources/green-16x16.png?f33 51w' sizes='1px !important'> |
| <img srcset='../resources/green-1x1.png?f34 50w, ../resources/green-16x16.png?f34 51w' sizes='\1px'> |
| <img srcset='../resources/green-1x1.png?f35 50w, ../resources/green-16x16.png?f35 51w' sizes='all 1px'> |
| <img srcset='../resources/green-1x1.png?f36 50w, ../resources/green-16x16.png?f36 51w' sizes='all and (min-width:0) 1px'> |
| <img srcset='../resources/green-1x1.png?f37 50w, ../resources/green-16x16.png?f37 51w' sizes='min-width:0 1px'> |
| <img srcset='../resources/green-1x1.png?f38 50w, ../resources/green-16x16.png?f38 51w' sizes='100vw, 1px'> |
| <img srcset='../resources/green-1x1.png?f39 50w, ../resources/green-16x16.png?f39 51w' sizes='100vw, (min-width:0) 1px'> |
| <img srcset='../resources/green-1x1.png?f40 50w, ../resources/green-16x16.png?f40 51w' sizes='foo bar'> |
| <img srcset='../resources/green-1x1.png?f41 50w, ../resources/green-16x16.png?f41 51w' sizes='foo-bar'> |
| <img srcset='../resources/green-1x1.png?f42 50w, ../resources/green-16x16.png?f42 51w' sizes='(min-width:0) 1px foo bar'> |
| <img srcset='../resources/green-1x1.png?f43 50w, ../resources/green-16x16.png?f43 51w' sizes='(min-width:0) 0.1%'> |
| <img srcset='../resources/green-1x1.png?f44 50w, ../resources/green-16x16.png?f44 51w' sizes='(min-width:0) 1'> |
| <img srcset='../resources/green-1x1.png?f45 50w, ../resources/green-16x16.png?f45 51w' sizes='-1e0px'> |
| <img srcset='../resources/green-1x1.png?f46 50w, ../resources/green-16x16.png?f46 51w' sizes='1e1.5px'> |
| <img srcset='../resources/green-1x1.png?f47 50w, ../resources/green-16x16.png?f47 51w' style='--foo: 1px' sizes='var(--foo)'> |