2016-11-02 2 views
0

Zuerst, tut mir leid für mein schlechtes Englisch. Also, ich habe ein Problem mit der Auflösung meiner Anwendung. Ich arbeite mit der Pixelkunst so, ich brauche meine Anwendung die ursprüngliche Auflösung aller Bilder bewahren, ich weiß nicht, ob Sie mich verstehen, aber hier ein paar Bilder:Ein kleines Problem mit der App Auflösung

Es sieht wie folgt aus: The app looks like this

Das Originalbild sieht wie folgt aus: The image looks like this

Der Code ist dies:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, 
 
width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
 
    <title></title> 
 
    </head> 
 
    <body> 
 
    <img src='design/img/avatar.png' /> 
 
    </body> 
 
</html>

Ist ein einfaches Dokument (immer noch), weil ich das Problem für mein Projekt lösen muss.

Uh, ich bin praktisch neu in der Welt der Hybrid-Apps. Danke vielmals.

Antwort

0

Sie sollten Ihr Bild ein Satz Breite/Höhe in einem Stylesheet geben wie so

.classname{ 
    width:100px; 
    height:100px; 
} 

Wenn Sie diese finden, dann können Sie außer Kraft gesetzt werden, wobei die Verwendung wichtig Flagge wie so:

.classname{ 
    width:100px!important; 
    height:100px!important; 
} 

Dies sollte dann immer die Bildgröße der Stile beibehalten.

+0

Immer noch das gleiche .... –

+0

Wirklich, ich habe eine Beispiel-App mit Ihrem Bild und wenn ich eine feste Breite und Höhe für das Bild angeben, gilt es. Kannst du das CSS für das Bild posten? Ich nehme an, du hast deinem Bild eine Klasse gegeben und dann das CSS an diese Klasse weitergeleitet? –

+0

Versuchen Sie, dies als Ihr Bildcode oder was Pixelgröße, die Sie benötigen –

0

Versuchen Sie es mit

img{ 
    width: auto; 
    height: auto; 
} 

Antwort aktualisieren

Sie erhalten unscharfes Bild in Ihre Anwendung ist nur wegen Ihrer PNG-Bild und weiß Anwendung Hintergrund.

versuchen Sie, Hintergrundfarbe rot Sie erhalten Originalbild wie erwartet, ich möchte nur Sie wissen, dass Bild Unschärfe wegen Png Bild und Hintergrund Kombinationen zeigt, müssen Sie entweder Bildrand oder Hintergrund des Bildcontainers

ändern
Verwandte Themen