我正在开发一个cordova应用程序。它具有不同屏幕的不同背景图像。我们在媒体查询中给出了不同分辨率的背景图像。但现在背景图像没有以不同的分辨率显示。你能否提出一个方法来解决这个问题。设置背景图像的正确分辨率是多少。我们坚持这个问题。能否请您提供解决方案
答案 0 :(得分:0)
你可以在CSS中使用图像作为背景
body{
background-image:url('your_url');
background-size:cover;
}
这种方式图像填充背景和 标志
任何分辨率都可以使用,如果需要,图像可以放大或缩小。
答案 1 :(得分:0)
将图片放在div中 然后定义以下样式。因此背景图像将在保持纵横比的同时进行缩放
div {
position : absolute;
top : 0px;
left : 0px;
overflow : hidden;
width : 100%;
height : 100%;
font-weight : bold;
font-size : 30px;
}