iframe-zoomed.html (844B)
1 <!DOCTYPE html> 2 <html reftest-resolution="1.5"> 3 <style> 4 div { 5 margin-left: 100px; 6 margin-top: 100px; 7 width: 400px; 8 height: 400px; 9 border: 2px blue solid; 10 } 11 iframe { 12 width: 350px; 13 height: 350px; 14 border: 2px black solid; 15 } 16 </style> 17 <div> 18 <!-- 19 this data:text/html is generated from single-lined version of 20 iframe-zoomed-child.html by encodeURIComponent(). 21 --> 22 <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"> 23 </iframe> 24 </div> 25 </html>