如何将webview内容调整为所有屏幕大小

Question

在我的应用程序中，我需要水平显示网页内容，内容应调整到所有屏幕尺寸。我试图使用高度和宽度属性，但我只能给出静态值。如何在运行时更改其值？

我在我的html页面中使用了以下代码，但它仅适用于HVGA屏幕。如何将以下代码移植到所有屏幕上。

    
/* Portrait */
        @media screen and (orientation:portrait) {
            /* Portrait styles */
        div#viewer {width: 300px; height: 470px; }
        div#book {height:420px;-webkit-column-width:300px;-webkit-column-gap:20px;padding-top:20px; padding-bottom: 10px; text-align:justify;}
        }

        /* Landscape */
        @media screen and (orientation:landscape) {

            /* Landscape styles */
        div#viewer {width: 460px; height: 300px;}
        div#book {height:270px;-webkit-column-width:460px;-webkit-column-gap:20px;padding-top:20px; padding-bottom: 10px;  text-align:justify;}

        }