Wie Sie sich richtig zu zeigen, ein Bild im portrait-Modus in html?

Ich bin mit einigen einfachen Fotos auf meiner website, von denen einige im Querformat und die andere im hochformat. Ich benutze die basic html möglich:

<img src="/doc/54836abcc1a36b7526daa146">

Wenn ich die url (/doc/54836abcc1a36b7526daa146) direkt in die browser, die ich richtig sehen, das Bild als steh - /portrait-Modus, aber wenn ich es in der html-img-tag, zeigt es im landscape-Modus. Ist das, weil ich nicht verwenden Sie eine Erweiterung (wie z.B.: .jpg). Oder ist etwas anderes falsch?

Weiß jemand wie ich das korrekt anzeigen kann, das Bild im portrait-Modus? Alle Tipps sind willkommen!

  • wenn Sie besuchen Sie die url, view page source auf Ihrer Seite; jedenfalls können Sie die Breite oder Höhe in Ihrem tag für resize image und Seitenverhältnis beibehalten.
InformationsquelleAutor kramer65 | 2014-12-07
  1. 2

    Mithilfe von CSS können Sie drehen oder skalieren Sie das Bild, um es im quer-oder hochformat. Hier sind Beispiele:

    Drehen Sie das Bild um 90 Grad:

    img {
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}

    Skalieren des Bildes:

    img {
height: 100px;
width: 200px;
}
    InformationsquelleAutor Explicit Brand Design
Schreibe einen Kommentar