OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <link href="resources/flexbox.css" rel="stylesheet"> | 3 <link href="resources/flexbox.css" rel="stylesheet"> |
4 <style> | 4 <style> |
5 .flexbox { | 5 .flexbox { |
6 width: 600px; | 6 width: 600px; |
7 background-color: #aaa; | 7 background-color: #aaa; |
8 position: relative; | 8 position: relative; |
9 min-height: 10px; | 9 min-height: 10px; |
10 } | 10 } |
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
84 <iframe data-expected-display="block" data-expected-height="200" src="data:tex
t/html,<body bgcolor=#fff>iframe</body>"></iframe> | 84 <iframe data-expected-display="block" data-expected-height="200" src="data:tex
t/html,<body bgcolor=#fff>iframe</body>"></iframe> |
85 <iframe seamless data-expected-display="block" data-expected-height="200" src=
"data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> | 85 <iframe seamless data-expected-display="block" data-expected-height="200" src=
"data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> |
86 </div> | 86 </div> |
87 | 87 |
88 <div class="flexbox" style="height:100px"> | 88 <div class="flexbox" style="height:100px"> |
89 <iframe data-expected-display="block" data-expected-height="100" src="data:tex
t/html,<body bgcolor=#fff>iframe</body>"></iframe> | 89 <iframe data-expected-display="block" data-expected-height="100" src="data:tex
t/html,<body bgcolor=#fff>iframe</body>"></iframe> |
90 <iframe seamless data-expected-display="block" data-expected-height="100" src=
"data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> | 90 <iframe seamless data-expected-display="block" data-expected-height="100" src=
"data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> |
91 </div> | 91 </div> |
92 | 92 |
93 <div class="flexbox column" style="width:100px"> | 93 <div class="flexbox column" style="width:100px"> |
94 <iframe data-expected-display="block" data-expected-width="100px" src="data:te
xt/html,<body bgcolor=#fff>iframe</body>"></iframe> | 94 <iframe data-expected-display="block" data-expected-width="100" src="data:text
/html,<body bgcolor=#fff>iframe</body>"></iframe> |
95 <iframe seamless data-expected-display="block" data-expected-width="100px" src
="data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> | 95 <iframe seamless data-expected-display="block" data-expected-width="100" src="
data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> |
96 </div> | 96 </div> |
97 | 97 |
98 <div class="flexbox column" style="height:210px"> | 98 <div class="flexbox column" style="height:210px"> |
99 <button data-expected-display="block" data-expected-width="600" data-expected-
height="30">button</button> | 99 <button data-expected-display="block" data-expected-width="600" data-expected-
height="30">button</button> |
100 <canvas data-expected-display="block" data-expected-width="600" data-expected-
height="30" style="height:30px">canvas</canvas> | 100 <canvas data-expected-display="block" data-expected-width="600" data-expected-
height="30" style="height:30px">canvas</canvas> |
101 <iframe data-expected-display="block" data-expected-width="600" data-expected-
height="30" style="height:30px" src="data:text/html,<body bgcolor=#fff>iframe</b
ody>"></iframe> | 101 <iframe data-expected-display="block" data-expected-width="600" data-expected-
height="30" style="height:30px" src="data:text/html,<body bgcolor=#fff>iframe</b
ody>"></iframe> |
102 <iframe seamless data-expected-display="block" data-expected-width="600" data-
expected-height="30" style="height:30px" src="data:text/html,<body bgcolor=#fff>
iframe</body>"></iframe> | 102 <iframe seamless data-expected-display="block" data-expected-width="600" data-
expected-height="30" style="height:30px" src="data:text/html,<body bgcolor=#fff>
iframe</body>"></iframe> |
103 <object data-expected-display="block" data-expected-width="600" data-expected-
height="30">object</object> | 103 <object data-expected-display="block" data-expected-width="600" data-expected-
height="30">object</object> |
104 <select data-expected-display="block" data-expected-width="600" data-expected-
height="30"> | 104 <select data-expected-display="block" data-expected-width="600" data-expected-
height="30"> |
105 <option>select</option> | 105 <option>select</option> |
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
175 <img data-expected-width="10" style="max-width:-webkit-min-content" src="../
images/resources/green-10.png"> | 175 <img data-expected-width="10" style="max-width:-webkit-min-content" src="../
images/resources/green-10.png"> |
176 <img data-expected-width="50" style="max-width:-webkit-max-content" src="../
images/resources/blue-100.png"> | 176 <img data-expected-width="50" style="max-width:-webkit-max-content" src="../
images/resources/blue-100.png"> |
177 <img data-expected-width="10" style="max-width:-webkit-max-content" src="../
images/resources/green-10.png"> | 177 <img data-expected-width="10" style="max-width:-webkit-max-content" src="../
images/resources/green-10.png"> |
178 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/blue-100.png"> | 178 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/blue-100.png"> |
179 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/green-10.png"> | 179 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/green-10.png"> |
180 <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../
images/resources/blue-100.png"> | 180 <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../
images/resources/blue-100.png"> |
181 <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../
images/resources/green-10.png"> | 181 <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../
images/resources/green-10.png"> |
182 </div> | 182 </div> |
183 | 183 |
184 </html> | 184 </html> |
OLD | NEW |