CSS高度百分比不適用於Android應用程序屏幕

-1

我有一個應用程序，可以從數據庫中提取HTML格式的屏幕內容。我需要以百分比的形式來組成顯示器的元素高度，以適應各種設備。無論我嘗試什麼，我都無法獲得高度％在任何組件中工作。我已經將佈局簡化爲最簡單的故障排除格式，並將其納入此處。我已將背景顏色分配給元素，以便查看代碼修改的效果。CSS高度百分比不適用於Android應用程序屏幕

在我附加的截圖中，黃色背景是背景技術的一部分。黃色的HTML顏色屬性隱藏在紅色的主體顏色後面，但如果正常工作，應該顯示爲100％的高度。這是我的顯示代碼，簡化：

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd> 
<html lang="en"> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style> 
*{ margin:0; padding:0;}  
html { width:100%; min-height:100%; background:yellow;}   
body { width:100%; min-height:100%; background:red;} 
</style> 
</head> 
<body> 

<table style="height: 100%; background:white;"> 
<tr > 
<td width="275" height="200" bgcolor="blue"></td> 
<td width="275" height="200" bgcolor="brown"></td> 
</tr> 

<tr> 
<td colspan="2" width="450" height="300" bgcolor="green"></td> 
</tr> 

<tr> 
<td colspan="2" width="450" height="300" bgcolor="black"></td> 
</tr> 
</table> 

</body> 
</html>

這是該應用的的Nexus 7的屏幕截圖： Screen Shot of Code Render

謝謝你把我通過這個任何幫助。

凱西

而Android項目的manifest.xml代碼：

<?xml version="1.0" encoding="utf-8"?> 
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
    package="com.paulistpress.ordo" 
    android:versionCode="3" 
    android:versionName="1.3" > 

    <uses-sdk 
     android:minSdkVersion="8" 
     android:targetSdkVersion="18" /> 

    <supports-screens 
     android:anyDensity="true" 
     android:largeScreens="true" 
     android:normalScreens="true" 
     android:smallScreens="true" 
     android:xlargeScreens="true" /> 

    <uses-permission android:name="android.permission.INTERNET" /> 
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 
    <uses-permission android:name="com.android.vending.BILLING" /> 
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 

    <application 
     android:allowBackup="true" 
     android:hardwareAccelerated="false" 
     android:icon="@drawable/icon" 
     android:label="@string/app_name" 
     android:largeHeap="true" 
     android:theme="@style/AppBaseTheme" > 
     <activity 
      android:name="Splash" 
      android:label="@string/app_name" 
      android:screenOrientation="portrait" 
      android:theme="@android:style/Theme.NoTitleBar.Fullscreen"> 
      <intent-filter> 
       <action android:name="android.intent.action.MAIN" /> 

       <category android:name="android.intent.category.LAUNCHER" /> 
      </intent-filter> 
     </activity> 
     <activity 
      android:name="OrdoAppActivity" 
      android:screenOrientation="portrait" 
      android:windowSoftInputMode="adjustPan" > 
     </activity> 
    </application> 

</manifest> 



>>>>>>>>>>> Two places of WebView codes, as per my notes >>>>>> 
    <WebView 
     android:id="@+id/view_about" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="88" /> 

    <WebView 
     android:id="@+id/view_symbols" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="88" />

來源

2014-01-25 Cayce

的問題是不太可能是用HTML，而是與web視圖/佈局還沒有公佈。添加布局。

這可能是因爲您對瀏覽一些填充或利潤率，或者你有一個web視圖未設置爲match_parent高度

來源

2014-01-25 14:35:19

不能相信我錯過了你的答覆。我真的需要解決這個問題。 – Cayce

如果您添加布局XML，我們可以看到問題所在 –

我已經添加了Manifest.xml代碼，認爲這是WebView代碼的位置。如果我對這個環境有新感覺，我就是。我的開發人員在週末外出，我試圖儘快得到解決方案。作爲二十年的網頁開發人員，如果我能指出正確的方向，我很樂意在ADT中進行編輯。學習我的方式。再次感謝。 – Cayce

CSS高度百分比不適用於Android應用程序屏幕

回答

相關問題