Resizing html components based on monitor resolution

Question

I have an AIR app that runs in full screen mode continuously as a kiosk.  However when it is installed on computers with low resolution monitors, some of the components get chopped off and even worse, the borders sometimes only display on three sides due to these clipping issues.  How can I avoid this.  The components in question are html components and the app essentially flips through a series of web pages, reloading them after each iteration. 
Here's a sample of a component:
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" clipContent="true" backgroundAlpha="0"
horizontalScrollPolicy="off" verticalScrollPolicy="off" hideEffect="Fade" showEffect="Fade"
horizontalAlign="center" verticalAlign="middle" id="pan1" >
<mx:HTML styleName="effectBox"  verticalScrollPolicy="off" id="html1" location="http://mydomain.com/index.html"/>
</mx:VBox>
// style:
.effectBox {
borderColor: #000000;
borderThickness: 10;
borderStyle: solid;
cornerRadius: 5;

Answer 1

domWindow is a reference to the HTML page's window object. You use it to access the JavaScript execution context from your ActionScript code.
Out of curiosity, I put together a demo:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
     <mx:Script>
          <![CDATA[
               import mx.events.FlexEvent;
               private var elem;
               protected function button1_clickHandler(event:MouseEvent):void
                    elem.style.zoom = parseInt(elem.style.zoom)10'%';
                    trace("Zoom: " + elem.style.zoom);
               protected function button2_clickHandler(event:MouseEvent):void
                    elem.style.zoom = parseInt(elem.style.zoom)-10+'%';
                    trace("Zoom: " + elem.style.zoom);
               protected function html_completeHandler(event:Event):void
                    elem = html.domWindow.document.body;
                    elem.style.setProperty( "zoom", "100%", "0" );
          ]]>
     </mx:Script>
     <mx:Button click="button1_clickHandler(event)" label="Zoom In"/>
     <mx:Button click="button2_clickHandler(event)" label="Zoom Out"/>
     <mx:HTML id="html" location="http://www.adobe.com" complete="html_completeHandler(event)"/>
</mx:WindowedApplication>
I don't know if this will work for your issue or not. There is certainly some funkiness in how the page layout reacts to zooming. Images on the page are still scaled, of course, though text looks better with this technique.