c# - javascript 元素的大小无法正常工作

Question

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

Javascript

...
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%';
...

其结果是在网络浏览器页面顶部加载一个栏，充当“在页面上查找”功能。我已根据正常工作的网页尺寸调整了 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 菜单栏高度相同？另外，在高度尺寸较大的页面上，文本太小，难以阅读，有没有办法相应地放大文本？

Answer 1

如果Height属性不起作用，您可以尝试使用offsetHeight，或者您可以在style.Heigth中设置高度。如果您使用 VS IDE，您可以调试 javascript 元素以查看正确的属性，或者可以设置一些具有静态值的虚拟元素。