Allowing full views of a page without cut offs regardless of browser window size

[Acorn]

I originally thought it was due to the fact that I'm always embedding my Xara Sites into a SharePoint "Page viewer" widget and that is what made this very sloppy and just shows the page partially cut off (with ugly scroll bars) but I just wish that there was a cleaner solution to that. I recall testing a Mobirise page in a SharePoint Page viewer Widget and it still adjusted itself properly and had no hiccups and nothing was cut off regardless of how much I adjusted the width of the browser window.
td

When I embedded Xara into SharePoint, I always made sure the page size was the same across the site. That way I would match the IFRAME accordingly. If I had to have a smaller than wanted IFRAME, I scaled it contents down:

<style>html, body {
  border: 1px solid black;
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform: scale(0.9); /* Safari prior 9.0 */
  transform: scale(0.9); /* Standard syntax */
}
</style>

There is code somewhere in TG that dynamically resizes an IFRAME to the height of its content but it is limited in capability.

Acorn