根据设备屏幕调整图像高度和宽度

Question

如何在不同设备的全屏显示图像，即根据设备显示自动调整图像？

我尝试过“宽度：设备宽度”选项，但没有成功。有什么帮助吗？

Answer 1

我找到了解决方法。我在我的css中遵循“@media queries”概念，它为我完成了这个技巧。

Answer 2

检查这个css是否有助于你的代码!!

   html, body {
        width:100%; /* this is a must */
        height:100%; /* this is a must */
        margin:0;
        padding:0;
    }
    img {
        width:100%; /* this will depend on parent containers width */
        height:auto;
    }

see demo here（调整浏览器宽度和高度以查看更改）

Answer 3

默认情况下，Android为图像提供三个文件夹，其背后具有不同的分辨率原因是应用程序将在其上执行的Android设备的使用或分辨率。

• hdpi 图片文件夹维护Android广告屏幕图片或具有更高分辨率的Android手机图片。

• ldpi 较低图像质量的图片文件夹，支持较早的Android设置

• mdpi 支持中画幅的图片文件夹

• xhdpi 具有最高分辨率的设备的图片文件夹。

设备超大设备的

• xxhdpi 图片文件夹（例如Google Nexus 10需要在drawable-xxhdpi或drawable-480dpi文件夹中添加144 * 144px图标。）

Android OS通过检查兼容设备及其分辨率来选择自己的图像。