iframe scale problem

In the mobile version of Safari ( iPhone 7 and iPhone 10) iframe doesn't work correctly. The size of the iframe is wrong. I tried other websites and it looks like a global problem.


For example, on this website, the iframe works correctly everywhere except Safari on iPhones https://benmarshall.me/responsive-iframes/


Did anybody solve this problem? What can be a solution?


I tried to fixed width/height, add max-width, display table and even add zoom. Nothing work. When it loads the size is correct, after loading I get the desktop size.


Thanks!

Post not yet marked as solved Up vote post of olga.london Down vote post of olga.london
2.2k views

Replies

You check out the DOM? Wondering if an browser extension or something is altering the page after the load has been completed.