This page uses a fluid layout, i.e. it's a fully responsive page that uses percentage instead fixed pixels for widths.
In a normal iframe this page would get cropped or require vertical scrolling but with the magic iframe we have the ability to use auto resize.
The ability to automatically resize the iframe according to it's content is turned on by default but the feature can be disabled by setting autoResize
to false. There's also an optional property called resizeDebounce
that can be used to control how often the resize event should force a resize of the iframe (number in milliseconds, 0 by default).
Inject styles to the content inside the iframe using the styles
property and set styles like you normally would with the style
attribute.
Append one or more external stylesheets to the content inside the iframe with the styleUrls
property which takes an array of strings.