android – 如何创建自动调整他们的图像到不同的移动屏幕尺寸的HTML页面？

我想创建一些将在不同移动设备上显示的 HTML页面.我希望他们自动调整到不同的移动屏幕尺寸.

HTML页面包括文本和图像.图像可能大于600×450,但如果移动屏幕(例如)为280×320,则图像应自动调整其尺寸以适合.

我该怎么做？

解决方法

如果您正在谈论的页面只是包含文本和图像,那么我认为您需要在每个HTML页面中执行的操作是：

>将此viewport meta tag添加到< head>标签：

<meta name="viewport" content="width=device-width">

这应该使页面呈现合理的大小.
>添加此< style> < head>内的标签标签：

<style>
img {
    max-width: 100%;
}
</style>

我认为这将确保所有图像不会比应用程序的webview视口更广泛.

(如果不行,请尝试width：100％;这样做肯定会使所有图像与视口一样宽,因此不会更宽)

但是,你的问题太笼统：我们最终可能会写一本涵盖所有可能性的书.你可以让它更具体到你实际工作的代码吗？