科尔多瓦如何使用drawables

时间:2017-07-06 17:14:10

标签: javascript html css cordova drawable

获得了一个使用背景图片的html文件。 我想根据手机的大小添加背景图像。 我已经了解了

<platform name="android">
  <resource-file src="www/res/drawable-hdpi/yourImage.png" target="res/drawable-hdpi/yourImage.png" />
</platform>

语句,在正确的文件夹中添加drawable。 我的问题是,在html /(css)文件中放入什么,以便稍后根据手机的大小使用正确的背景。 提前谢谢......

1 个答案:

答案 0 :(得分:0)

解决了,这是新企业的解决方案:

initBackground: function(){
    var value = "url(\"img/Sign-in-background/Sign-in-background-";
    if(screen.width <= 200 && screen.height <= 320)
        value += "ldpi-portrait.png\")";
    else if(screen.width <= 320 && screen.height <= 480)
        value += "mdpi-portrait.png\")";
    else if(screen.width <= 480 && screen.height <= 800)
        value += "hdpi-portrait.png\")";
    else
        value += "xhdpi-portrait.png\")";
    alert(value);
    var body = document.querySelector("#body");
        body.style.backgroundImage = value;
}