手机间隙屏幕图像不适合屏幕

Question

Android应用程序与手机差距，但html页面中的图像比Android屏幕更大。你可以给我一个解决方案，如何根据屏幕重新调整html页面中的图标大小。 请找到附带的代码。如何重置图像以适应屏幕。 你可以在这里下载android源代码 https://rapidshare.com/files/422996060/PhoneGap.zip

Answer 1

我注意到你在代码中指定了一个绝对宽度。如果您想将其留在浏览器中以确定宽度，您可以执行this fiddle之类的操作。

<img src="someImage.jpg" width="100%">

更改“结果”窗口的大小，您将看到图像展开和收缩以适合页面。

如果您需要在phonegap应用中使用确切的宽度，则可以使用this plugin for Android。

Answer 2

你甚至可以这样做：

img {
    height:100%;
    width:100%;
    }