die Größe des Bildes nach dem hoch-und Querformat in jquerymobile?

Muss ich hinzufügen Bild auf dem header und hintergrund . Ist es möglich, die automatische Größenänderung gemäß der Ausrichtung des Bildschirms (hochformat und Querformat). Ich setze das Bild in hoch-Auflösung , Aber wenn ich den Bildschirm auf Querformat das Bild nicht verändert. Kann jemand mir einige Hinweise?

InformationsquelleAutor Lakshmanan | 2011-02-28

  1. 6

    Unterstützung für diese integriert ist der jQuery Mobile. Es gibt zwei Orientierung Klassen, die vorhanden sind, abhängig vom aktuellen Bildschirm Ausrichtung:

    .portrait {
    /* portrait orientation changes go here! */
}
.landscape {
    /* landscape orientation changes go here! */
}

    Oder wenn Sie wollen ein javascript-Ereignis, das Sie binden können, um orientationchange.

    also aus dem obigen code haben wir an die unterschiedlichen Bild-Größe-für sowohl hoch-und Querformat. ist es das, was Sie immer sagen? wenn Ihr ja meine, wie können wir die Bild-Größe? weil die anderen Plattform haben unterschiedliche Landschaft der Display-Größe.
    Haben Sie versucht <img width="100%">?

    InformationsquelleAutor JohnTESlade

  2. 5

    Ich glaube nicht, es gibt Ereignisse, die ausgelöst werden, wenn das Telefon geht für quer-auf hochformat.Sie kann jedoch schreiben Sie eine benutzerdefinierte Funktion, um herauszufinden, die aktuelle Ausrichtung. Schreiben Sie den folgenden code am Fenster.resize-Ereignis.

    $(window).resize( function(){
var height = $(window).height();
var width = $(window).width();

if(width>height) {
  //Landscape
  $("#img").attr("src","landscapeurl");
} else {
  //Portrait
  $("#img").attr("src","portraiturl");
}
});

    code von Hier

    InformationsquelleAutor Arun

  3. 2

    Es wird empfohlen, CSS3 media queries, wie Sie die jQuery-mobile-Orientierung-Klassen sind veraltet: http://jquerymobile.com/demos/1.0b2/docs/api/mediahelpers.html

    Für eine demo von CSS3 media queries: http://www.webdesignerwall.com/demo/media-queries/

    InformationsquelleAutor bafromca

  4. 1

    ich diese css3-Regel:

    @media (orientation: landscape) {

    #home-feature span  {
  display  : inline-block;
}

    }

    mehr info: http://www.w3.org/TR/css3-mediaqueries/

    InformationsquelleAutor sschat

Schreibe einen Kommentar