Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to embed a resized website throught an iframe? [closed]

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 ?

like image 435
xrobot2 Avatar asked Jul 21 '10 10:07

xrobot2


People also ask

Is it possible to embed any website inside iFrames?

An IFrame is HTML code that you can use to embed one HTML page, PDF page, another website, or other web safe file into a another webpage inside a window. The window can be styled using css code. IFrames do not make a website a "framed" site and do not affect SEO.

Can you iframe an entire website?

You can embed an entire webpage as an iframe in a new Google site. This will allow you to pull in content from other websites and Google tools like Apps Script, Data Studio, and App Maker, saving you the trouble of duplicating and updating that information on your page.

Can iframe be resized?

iFrames let you embed external content, such as YouTube videos, advertisements, and content from other sites into your own web page. You can easily resize iFrames using HTML and/or CSS, and even make them resizable so they'll adjust automatically based on the user's screen size.

How do I resize iframe dynamically based on content?

Answer: Use the contentWindow Property You can use the JavaScript contentWindow property to make an iFrame automatically adjust its height according to the contents inside it, so that no vertical scrollbar will appear.


1 Answers

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>
like image 131
Alex Avatar answered Sep 19 '22 02:09

Alex