re-scale content in iframe

[JohanG]

I've added a google sheet to my iframe but the scaling is wrong, the google sheet is much bigger than my iframe so I want to re-scale / zoom out so the content fits the iframe

Which html code needs to be filled in?

[NJRFTF]

@JohanG

Website address??

[JohanG]

hi, website is https://sejafc.weebly.com/test-iframe.html

you will see the issue

html code used: <iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSscMGcxQg4F-xG8p6H64dzbW-Q_eja8DHcWuMmJ_9j1TwXloP7r..." width="100%" height="900"></iframe>

spreadsheet is embedded and published on the internet, iframe code was copied from google sheets and adjusted to enlarge the iframe but I can't change the size of the content inside the frame

[Adam7]

I believe I've seen this resolved with something like this:

<style>
	@media (max-width: 768px)
	{
		.responsiveEmbed
		{
			transform: scale(0.5, 0.5);
		}
	}
</style>

<div class="responsiveEmbed">
	<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSscMGcxQg4F-xG8p6H64dzbW-Q_eja8DHcWuMmJ_9j1TwXloP7r..." width="100%" height="900"></iframe>
</div>

You might need to tweak how much it scales, but I think that will work.

[JohanG]

Hi Adam, unfortunately no change, your code doesn't work