Wikidot Community

I've been wandering around in the rabbit hole looking for a solution. It looks like Google Sheets just doesn't want to play nice with responsive sites. I suspect I found the same/similar CSS solutions for making an iframe responsive as you did. The conclusion I finally came to is that it is not a problem making the iframe responsive. The problem is making the content scale with the iframe.

I made a test page on the Bootstrap Playground site to mess around with this. The YouTube video I embedded is a good tutorial on making an iframe responsive. It works perfect for YouTube videos (and I presume other content that I didn't test) but not for Google Sheets.

If you drill into the iframe with the browser's inspect tool and change the width and height on some containers to 100% instead of the fixed size generated by Google, you can get the content to scale. The problem is that you can't target those containers via CSS due to cross-site security restrictions.

Sorry I couldn't help. Maybe someone else has an idea and can get the code on test page working.