何らかの理由でサイジングの問題がある WP7 C# アプリケーションで使用している JavaScript 関数があります。今のところ機能は正しく動作していますが、Web ブラウザー コントロールの上部にメニュー バーとして表示される 3 つの項目があり、これを実現する方法に従ってサイズ変更されません。私の関数のサイジング部分は次のとおりです
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 ブラウザ ページの上にバーがロードされます。正しく機能する Web ページの寸法に従って pf のサイズを設定しましpf.appendChild(doc.createTextNode('Search: '));
たqt=doc.createElement('input');
。sb=doc.createElement('input');
ページの上部に表示される pf メニューバーの高さと一致します。これまでのところ、sb の高さ (100% に設定) のみが pf の高さと一致しますが、qt を 100% に設定すると pf の高さとは一致しません (現在表示されている Web ページの高さの寸法によって異なります)。また、 pf.appendChild(doc.createTextNode('Search:')); の高さを設定する方法さえあるかどうかもわかりません。私が試したことは上でコメントアウトされていますが。これらを常にpfメニューバーと同じ高さにする方法はありますか? また、高さが大きいページではテキストが小さすぎて読めないのですが、それに応じてテキストを拡大する方法はありますか?