Html按鈕在Web視圖中的百分比寬度

我有一些html代碼，我將它加載到WebView。我需要設置百分比的按鈕寬度（爲了不依賴於屏幕分辨率）。Html按鈕在Web視圖中的百分比寬度

當我設置按鈕的寬度百分比時，我得到一個錯誤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

我已經完成了這個DIV，我需要精確到百分之X的屏幕分辨率。我完成這個的方式是在頁面加載後使用JQuery，因爲JQuery可以檢測確切的屏幕寬度，然後可以進行數學計算，並將寬度設置爲X像素。

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

我還沒有檢查了..但是，這個概念UIS的聲音我向你保證

另外：確保此代碼是在頁面的底部，以確保它之後被渲染頁面元素已加載。

來源

2012-07-20 20:07:13 Zak

謝謝，這工作！這個問題被編輯了。 – nicolausYes 2012-07-20 21:07:43

Html按鈕在Web視圖中的百分比寬度

回答

相關問題