Question

我有一个javascript函数，我在WP7 C＃应用程序中使用，由于某种原因，它有大小问题。到目前为止，该功能正常工作，但我有三个项目在我的webbrowser控件的顶部呈现为菜单栏，根据我认为我将完成此操作不会调整大小。我的功能的大小调整部分如下

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

结果是在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菜单栏的高度相同？此外，文字在高度尺寸较大的页面上如此之小是不可读的，有没有办法相应地放大文本？

Answer 1

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

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

1 个答案: