科尔多瓦如何使用drawables
问题描述:
有一个使用背景图像的html文件。 我想根据手机的大小添加背景图片。 我已经了解了科尔多瓦如何使用drawables
<platform name="android">
<resource-file src="www/res/drawable-hdpi/yourImage.png" target="res/drawable-hdpi/yourImage.png" />
</platform>
声明,这增加了绘制在正确的文件夹中。 我的问题是,什么放在HTML /(CSS)文件,以便以后,根据手机的大小使用正确的背景。 在此先感谢...
答
解决,这里的新commers解决方案:
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;
}