CSS高度%在Android应用程序屏幕中不起作用

时间:2014-01-25 14:27:40

标签: android html css android-webview

我有一个应用程序,可以从数据库中提取html格式的屏幕内容。我需要以宽度和宽度的百分比工作构成显示器的元件的高度,以适应各种设备。无论我尝试什么,我都无法在任何组件中获得高度%。我已将布局缩小为最简单的格式以进行故障排除,并将其包含在此处。我已经为元素分配了背景颜色,以便查看代码修改的效果。

在我附上的截图中,黄色背景是背景艺术的一部分。黄色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 Project 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" />

1 个答案:

答案 0 :(得分:0)

问题可能不在于HTML,而在于您尚未发布的WebView / Layout。添加布局。

您可能在视图上有一些填充或边距,或者您的网页视图未设置为match_parent高度