I read so many posts about iframe resizing and so on, but I didn't find a solution
Problem : I want to make a webpage in iframe tag to be shown so, as is it - I mean,if we resize the main webpage where the tag is ,the embedded webpage has to be just scaled in or out (automatically) without losing parts of its content. Currently I need a 750x450 webpage(consisting only of a backgroung picture and some interactive buttons on it) that has to be shown in another webpage.Scrolling has to be off.
I would be glad to hear your suggestions on how to cope with this problem. Thank you !
Option 1
With Bootstrap 3.2 you can wrap each iframe in the responsive-embed wrapper of your choice:
http://getbootstrap.com/components/#responsive-embed
Option 2
If you don't want to wrap your iframes, you can use FluidVids https://github.com/toddmotto/fluidvids. See demo here: http://toddmotto.com/labs/fluidvids/
Responsive iframe using Bootstrap