问适用于不同屏幕尺寸的Android CSS

EN

您可以尝试在样式表中使用媒体查询。

基本上，你说如果viewport小于X，则启动(或更改)此样式，或者如果viewport大于Y，则实现(或更新)此样式。您可以有任意多的可能性，并且不需要额外的样式，因为一旦达到一定的宽度，更改就会在您选择的特定类或ID上实现。

请查看Responsive Web Design上的这篇文章

希望这是你想要的那种信息？

我只是看了同样的问题。嗯，看起来Android并不像它自动处理应用程序图标那样，根据屏幕大小自动调整Webview的内容(图像、字体大小等)。

但是，关于图标，实际上，它也不会自动调整。您仍然需要提供三种不同大小的图标，以适应ldpi、mdpi和hdpi分辨率。

这就是为什么我们需要提供三个不同的css文件。但是，实际上，如果您阅读了前面提到的文档，您可以在一个文件中编写这三个不同的css，如下所示：

header {
    background:url(medium-density-image.png);
}

@media screen and (-webkit-device-pixel-ratio: 1.5) {
    /* CSS for high-density screens */
    #header {
        background:url(high-density-image.png);
    }
}

@media screen and (-webkit-device-pixel-ratio: 0.75) {
    /* CSS for low-density screens */
    #header {
        background:url(low-density-image.png);
    }
}

上半部分用于mdpi，中间部分用于hdpi，下半部分用于ldpi。因此，您可以轻松管理这三种不同屏幕分辨率的一个文件。