HTML Bild Größenänderung und Skalierung ohne Qualitätsverlust

Also ich habe ein horizontales banner, die ich über div. Dieses div hat eine Breite von das volle Fenster und fix Höhe von 500 Pixel für die Zeit. Wie kann ich skalieren von hintergrund-Bild (2048 x 1283) zum füllen des div-ganz ohne Verlust der Bildqualität? Wie würde ich das gleiche tun, wenn die div-Höhe wurde relativ zur Fenstergröße, vielleicht 25% oder 50%? Ich will, dass das funktioniert, wenn das Fenster in der Größe geändert wird.

  • Zeigen Sie, was haben Sie versucht, so weit
InformationsquelleAutor Malik Brahimi | 2015-01-07
  1. 2

    Gut, werden Sie nie Verlust der Bildqualität, denn Sie halten Rendern das gleiche Bild auf verschiedenen Größen. Sie müssen verstehen, dass reaktionsschnell hintergrund seiner ein hartes Thema da, das Bild wird nie angezeigt, genau wie Sie wollen, da unterschiedliche Geräte haben unterschiedliche display-Auflösung, als Beispiel, wenn Sie sehen, die gleichen reaktionsschnell Bild in Ihrem iphone-im hochformat (vertikal) Aussehen wird kleiner in der Höhe als wenn Sie in das gleiche Gerät ist, aber im Querformat (horizontal).

    Irgendeiner Weise heres ist eine Frage, die Ihnen helfen können, Ihre Reise von responsive backgrounds Responsive css-hintergrund-Bilder

    cheers.

    --- EDIT

    wenn Sie erreichen wollen eine vollständige hintergrund http://css-tricks.com/perfect-full-page-background-image/ finden Sie diese Informationen.

    • Also, wie würden Sie tun, die gleiche Art von Sache, mit einem div mit 100% Breite und eine Feste Höhe?
    • das ist eine neue Frage einen neuen thread starten
    InformationsquelleAutor ncubica
Schreibe einen Kommentar