scaled-iframe-zoomed.html (869B)
1 <!DOCTYPE html> 2 <html reftest-resolution="1.5"> 3 <style> 4 div { 5 margin-left: 100px; 6 margin-top: 100px; 7 width: 200px; 8 height: 200px; 9 border: 10px blue solid; 10 transform: scale(2); 11 } 12 iframe { 13 width: 150px; 14 height: 150px; 15 border: 10px black solid; 16 } 17 </style> 18 <div> 19 <!-- 20 this data:text/html is generated from single-lined version of 21 iframe-zoomed-child.html by encodeURIComponent(). 22 --> 23 <iframe src="data:text/html,%3Cstyle%3Ediv%20%7Bposition%3A%20absolute%3Bbackground-color%3A%20green%3Bwidth%3A%2010px%3Bheight%3A%2010px%3B%7D%3C%2Fstyle%3E%3Cdiv%20style%3D%22top%3A%200%3B%20left%3A%200%3B%22%3E%3C%2Fdiv%3E%3Cdiv%20style%3D%22top%3A%200%3B%20right%3A%200%3B%22%3E%3C%2Fdiv%3E%3Cdiv%20style%3D%22bottom%3A%200%3B%20right%3A%200%3B%22%3E%3C%2Fdiv%3E%3Cdiv%20style%3D%22bottom%3A%200%3B%20left%3A%200%3B%22%3E%3C%2Fdiv%3E"> 24 </iframe> 25 </div> 26 </html>