Question

我想要标记为有用here的答案完全正常。但是Eclipse编辑器会删掉 LayoutAlgorithm 这个词，因为它已被弃用，我无法在模拟器中安装该应用程序。在此之前，我已经尝试在html文档（在资源文件夹中）中使用样式标记来调整与窗口大小相关的图像，并且在Chrome中完美运行但在webview中不能。这是风格：

<style>
 * {
 padding: 0;
 margin: 0;
}
.fit { /* set relative picture size */
max-width: 100%;
max-height: 100%;
}
.center {
display: block;
margin: auto;
}
</style>

在模拟器中进行测试时，图片仅在纵向视图中相对于宽度屏幕调整大小，如果我旋转模拟器，则不会调整大小。有帮助吗？： - /

Answer 1

听起来它可能是视口。设备以不同方式呈现内容，除非您明确告知它们。某些Android设备会显示与桌面上显示的网站，但您可以使用以下元标记强制它扩展到设备。

<meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1>

我不确定它到底是你在找什么，但我希望它有所帮助。：）

Answer 2

要使图像适合屏幕宽度，只需注释

max-height: 100%;

要使图像适合屏幕高度，只需注释

max-width: 100%;

这就是全部，没有必要触摸android java代码，只需将上面的代码添加到你的html文档中。

在Android中的webview中调整图像大小

2 个答案: