Resize external website content to fit iFrame width

by

What you can do is set specific width and height to your iframe (for example these could be equal to your window dimensions) and then applying a scale transformation to it. The scale value will be the ratio between your window width and the dimension you wanted to set to your iframe.

E.g.

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

More Related Contents:

  1. jQuery .animate function not responding properly
  2. Full-screen iframe with a height of 100%
  3. cross-domain iframe resize
  4. How to change style of iframe content cross-domain?
  5. Can I apply CSS to the elements within an iframe?
  6. Why scripts at the end of body tag
  7. Iframe inherit from parent
  8. How do I display a lightbox on only homepage of my blogger blog?
  9. HTML CSS exersice, simple (just to understand the task)
  10. Should the Bootstrap media queries be saved in a css file or a js file?
  11. Embed live tv channel from website into my website
  12. How to make this code in Visual Studio?
  13. Make header and footer files to be included in multiple html pages
  14. HTML5 Canvas Resize (Downscale) Image High Quality?
  15. How to pick element inside iframe using document.getElementById
  16. How to make Internet Explorer emulate pointer-events:none?
  17. Using jQuery how to get click coordinates on the target element
  18. Dropdown select with images
  19. CSS delivery optimization: How to defer css loading?
  20. Bootstrap v2 Dropdown Navigation not working on Mobile Browsers
  21. How to build simple tabs with jQuery?
  22. How to synchronize scrolling positions for several iframes
  23. Bootstrap Dropdown with Hover
  24. Failed to load resource: the server responded with a status of 404 (Not Found)
  25. Add CSS to with JavaScript?
  26. how to get the base url in javascript
  27. Would onClick event work on touch on touch-screen devices?
  28. How to make superfish dropdown menu responsive?
  29. Animate marquee on SVG curve
  30. How to encrypt HTML, CSS and JavaScript to prevent copyright infringement [duplicate]

Leave a Comment