cordova应用中背景图像的正确分辨率是多少?

Question

我正在开发一个cordova应用程序。不同的屏幕有不同的背景图像。我们在媒体查询中给出了不同分辨率的背景图像。但是现在背景图像在不同分辨率下显示不出来了。你能建议一个方法来解决这个问题吗?设置背景图像的正确分辨率是多少?我们被这个问题困住了。能否提供一个解决方案

Answer 1

你可以使用图像作为CSS的背景，比如

body{
    background-image:url('your_url');
    background-size:cover;
}

这样图像填充背景和国旗

任何分辨率都可以，如果需要，图像可以放大或缩小。

Answer 2

将图像放入div中然后定义以下样式。因此背景图像将缩放，同时保持长宽比

div {
    position    : absolute;
    top         : 0px;
    left        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
    font-weight : bold;
    font-size   : 30px;
}