2017-07-06 3 views
0

Eine HTML-Datei, die ein Hintergrundbild verwendet. Ich möchte das Hintergrundbild entsprechend der Größe des Telefons hinzufügen. Ich habe über den gelerntenCordova Verwendung von Zeichenvorlagen

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

Aussage, dass die ziehbar in den richtigen Ordner erstellt. Meine Frage ist, was Sie in die html/(css) -Datei einfügen, damit später der richtige Hintergrund entsprechend der Größe des Telefons verwendet werden sollte. Vielen Dank im Voraus ...

Antwort

0

gelöst, hier ist die Lösung für den neuen 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; 
} 
Verwandte Themen