2017-07-06 70 views
0

有一個使用背景圖像的html文件。 我想根據手機的大小添加背景圖片。 我已經瞭解了科爾多瓦如何使用drawables

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

聲明,這增加了繪製在正確的文件夾中。 我的問題是,什麼放在HTML /(CSS)文件,以便以後,根據手機的大小使用正確的背景。 在此先感謝...

回答

0

解決,這裏的新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; 
}