JavaScript元素的大小无法正常工作

>我有一个JavaScript函数，我在WP7 C#应用程序中使用了它，由于某种原因，该应用程序存在大小问题。到目前为止，该功能工作正常，但我有三个项目在我的 Web 浏览器控件顶部显示为菜单栏，它们不会根据我认为如何完成此操作来调整大小。我的函数的大小调整部分如下

爪哇语

...
pf=doc.createElement('div');
            pf.id='pf';
            var s=pf.style;
            s.position='absolute';
            s.zIndex='999';
            s.top=(scT||scBT)+'px';
            s.left=(scL||scBL)+'px';
            s.width='100%';
            s.height='9%';
            //s.backgroundColor='#FFFF00';
            s.backgroundColor='green';
            //var st = doc.createElement("P");
            //p.style.height='50%';
            //p.style.width='15%';
            //text = doc.createTextNode('Search: ');
            //p.appendChild(text);
            //p.appendChild(doc.createTextNode('Search: '));
            //pf.appendChild(p);
            pf.appendChild(doc.createTextNode('Search: '));
            qt=doc.createElement('input');
            qt.id='qt';                 
            qt.type='text';
            qt.style.height='85%'
            qt.style.width='50%';
            pf.appendChild(qt);
            var sb=doc.createElement('input');              
            sb.type='button';
            sb.value='Find';
            sb.style.height='100%';
            sb.style.width='20%';
...

这样做的结果是加载在Web浏览器页面顶部的栏，该栏充当在页面上查找功能。我已经根据正常工作的网页尺寸调整了 pf 的大小，并且我正在尝试使 pf.appendChild(doc.createTextNode('Search: ')); 、qt=doc.createElement('input'); 和 sb=doc.createElement('input'); 的高度与页面顶部显示的 pf 菜单栏的高度相匹配。到目前为止，只有 sb 的高度（设置为 100%）与 pf 的高度匹配，而将 qt 设置为 100% 与 pf 的高度不匹配（它根据当前显示网页的高度尺寸而变化）。另外，我无法弄清楚是否有办法设置pf.appendChild（doc.createTextNode（'Search：'））的高度;虽然我尝试过的东西在上面被注释掉了。有没有办法让它们始终与 pf 菜单栏的高度相同？此外，在高度尺寸较大的页面上，文本太小以至于无法阅读，有没有办法相应地放大文本？