Unterschied beim Rendern von Bildern über verschiedene Android-Versionen
Ich versuche eine Bildergalerie mit Sencha Touch zu erstellen. Ich erstelle ein Containerobjekt mit hbox-Layout und einer Breite von window.innerWidth. Dann füge ich drei Behälter hinein. Jeder verwendet vbox Layout und mit der Breite gleich window.innerWidth / 3.
Ich füge Bilder mit einer Breite gleich der Spaltenbreite und -höhe hinzu, die in CSS auf 'auto' eingestellt ist.
Das ist mein Code:
%Vor%})
Das ist mein CSS:
%Vor%Auf Geräten mit Android 4.4.2 funktioniert es perfekt. Auf Android 4.2.2 sieht es jedoch so aus, als ob die Höhe auf 100% oder so eingestellt wäre.
Dies ist ein Vergleich auf Android-Emulator.
Was passiert hier?
1 Antwort
Ihre mosaicitem -Klasse in Ihrem CSS setzt das Attribut height auf auto . Das bedeutet, dass Sie das Bild vom Browser ändern lassen. Offensichtlich haben Sie unterschiedliche Ergebnisse in verschiedenen Browsern. Ich weiß nicht genau, wie die beiden Browser auf deine Einstellung reagieren, aber es kann nur daraus entstehen.
Entnommen aus Senchas Doc über die Eigenschaft Ext.Image height :
Wenn dies nicht explizit festgelegt ist, wird das Element dieser Komponente standardmäßig verwendet wird einfach seine natürliche Größe haben.
Ich glaube also, dass diese Zeile mit Ihrem wichtigen Tag eine Höhe definiert und die automatische Höhe von Sencha außer Kraft setzt, die die natürliche Größe des Bildes sein sollte.
Versuchen Sie kurz, diese Zeile zu entfernen.
Tags und Links android css image html5 sencha-touch-2