调整多个Android平板电脑屏幕的大小不起作用

Question

我已阅读Android上的screen support部分并查看了stackoverflow上的其他帖子，但似乎没有一个解决方案对我有效......

我使用Cordova 2.9.0，JavaScript，HTML和CSS来创建这个应用程序。

我尝试通过添加代码来更改AndroidManifest.XML：

    <supports-screens android:smallScreens="false"
              android:normalScreens="true"
              android:largeScreens="true"
              android:xlargeScreens="true"
              android:anyDensity="true"
              android:requiresSmallestWidthDp="600"
              android:largestWidthLimitDp="720"/>

我还尝试更改res下的main.xml代码 - ＆gt;布局也是：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World, ShowMeWhere"
    />
</LinearLayout>

这是Android模拟器中的页面：

这就是我想要的样子（显示完整的图像）：

谢谢你看看！

Answer 1

我找到了一个临时解决方案，但由于图像像素化，它看起来不太好。

我这样做是将所有图片引用放入<div>，然后使用CSS将max-height和max-width设置为每个<div>。

HTML代码：                   

CSS代码：

.leftImage{
    margin-left:5%;
    max-width:45%;
    max-height:65%;
}

.leftImage img{
    max-width:100%;
    max-height:100%;
}