How to embed a resized website throught an iframe?

Question

I need to embed a website in another website ( throught an iframe I think ). I want to embed this website in this resolution: 200x150 pixel.

How can I do that ?

Answer 1

Just in case someone wanders in here. Solution in https://stackoverflow.com/a/11382661/605112. Same problem in different context. Set iframe to desired width and height and use CSS to scale it. May not work in all browsers.

<iframe width="1024" height="768" src="http://www.bbc.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

Answer 2

If you don't have access to the iframed site itself, then there's very little you can do since you can't access iframe from other domains with Javascript.

However, if you are able to change the external page, you could either pass a URL parameter or try CSS3 media queries. For the URL parameter you would simply include a secondary stylesheet if the parameter was present that changed the layout or reduced the size of the web page in some way.

Answer 3

It's impossible to scale entire web sites programmatically, whether in an iframe or not.

You would have to take a screen shot of the embedded page on server side, resize that and serve it as an image.

Answer 4

The website would have to be uncommonly small to fit those dimensions.

<iframe src="http://www.google.com" width=200px; height=150px;></iframe>

Answer 5

If you mean scale the website down to fit in that frame then you can't.