Webview에서 HTML 버튼의 너비를 백분율로 표시합니다.

일부 HTML 코드가 있는데이를 WebView에로드합니다. 나는 퍼센트로 단추 너비를 설정해야한다 (화면 해상도에 의존하지 않기 위해).Webview에서 HTML 버튼의 너비를 백분율로 표시합니다.

버튼의 너비를 퍼센트로 설정하면 page cannot be loaded butf로 설정할 수 있습니다. 픽셀로 설정하면 문제가 없습니다.

<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>

의견이 있으십니까?

편집 : 솔루션이 페이지 후 기능이로드 된 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>

출처

2012-07-20 nicolausYes

나는 정확하게 화면 해상도의 X %가되어야하는 DIV를 사용하여이 작업을 수행했습니다. JQuery는 정확한 화면 너비를 감지 할 수 있기 때문에 페이지를로드 한 후에 JQuery를 사용하는 방식으로 수학을 수행하고 너비를 정확히 X 픽셀로 설정할 수 있습니다. 나는를 havent

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

는 .. 있음을 확인하지만 개념의 UI가 소리가 나는 또한 당신에게

을 보장 :이 코드는 페이지 요소가로드 한 후가 렌더링 될 수 있도록 페이지 하단에 있는지 확인합니다.

출처

2012-07-20 20:07:13 Zak

감사합니다. 작동합니다! 질문이 편집되었습니다. – nicolausYes

Webview에서 HTML 버튼의 너비를 백분율로 표시합니다.

답변

관련 문제