3

HTMLコードがいくつかあり、それをWebViewにロードします。ボタンの幅をパーセントで設定する必要があります（画面の解像度に依存しないようにするため）。

ボタンの幅をパーセントで設定すると、エラーが発生しますがpage cannot be loaded、ピクセルで設定しても問題ありません。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <style type='text/css'> 
            body{ position: relative; } 
            button { width: 50%; display: block; position: relative;  } 
        </style>
    </head>
    <body style='text-align:justify;color:white;'>
        Some text
        <br/>
        <button>Boo!</button>
    </body>
</html>

何かご意見は？

編集：

解決策は、@Zak のアドバイスに基づいて見つかりました。つまり、ページが読み込まれた後にjs関数を呼び出し、画面の幅を取得して要素に設定することです。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script language='javascript'> function SetWidth(){  d = document.getElementById('but'); d.style.width=screen.width/2; } </script>
    <style type='text/css'> body{ position: relative; } button { display: block; position: relative;  } </style>
    </head>

    <body style='text-align:justify;color:white;'>
        Text<br/>
        <button id='but' >Scary!</button>
        <script> window.onload=SetWidth; </script>
    </body>
</html>
4

1 に答える 1

1

画面解像度の正確に X パーセントである必要がある DIV でこれを行いました。私がこれを達成した方法は、ページが読み込まれた後に JQuery を使用することでした。JQuery は正確な画面幅を検出できるため、計算を行い、幅を正確に X ピクセルに設定できます。

$(document).ready(function() {
 var = myWidth = screen.width;
myWidth = myWidth / 2;
$('#button').width(myWidth);
});

私はそれをチェックしていません..しかし、コンセプトは健全です。

また: このコードがページの下部にあることを確認して、ページ要素が読み込まれた後にレンダリングされるようにします。

于 2012-07-20T20:07:13.120 に答える