Shrink a webpage to fit the iframe dimension

javascript jquery html css bsp
abk07 picture abk07 · Jan 28, 2013 · Viewed 9.6k times · Source

I am trying to fit the contents of the webpage into an iframe whose dimensions are fixed.

I need to resize the page such that the complete page fits in the given dimensions of the iframe without truncation.

And I do not need scrollbar, the page should fit without a scrollbar.

I have tried something like this, but didn't work.

<iframe width="650" height="350" src="http://www.bbc.co.uk" style="-ms-transform: scale(,);"></iframe>

Answer

Mehavel picture Mehavel · Jan 28, 2013

I'm afraid you cannnot. you options would be use site speicfic css to reduce the size of elements.

if you don't want scroll-bars try overflow:hidden css property.

Check this stack overflow duplicate

Related questions

Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More
How to add `style=display:"block"` to an element using jQuery?

How to add style=display:"block" to an element in jQuery?

Read More