我想创建一些将在不同移动设备上显示的
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％;这样做肯定会使所有图像与视口一样宽,因此不会更宽)
但是,你的问题太笼统：我们最终可能会写一本涵盖所有可能性的书.你可以让它更具体到你实际工作的代码吗？
