KC: Autosize Image im DIV Container

SELF-Forum

Autosize Image im DIV Container

KC
– Informationen zu den Bewertungsregeln

Hallo Leute,

geht um einen DIV Container, darin ist ein <img> welches sich je nach Bildschirmgröße vollständig anzeigen soll. Problem ist auf dem Smartphone wird es zu groß angezeigt und geht über das Display hinaus, also aus dem DIV Conatiner heraus.

Danke für den Hinweiss KC

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Autosize Image im DIV Container

    KC
    – Informationen zu den Bewertungsregeln

    Allerdings soll das Image nicht über die original Abmessungen hinausschiessen. max-width in PX kann ich hier nicht angeben, da unterschiedliche Bilder mit unterschiedlichen Abmessungen vorhanden sind

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Viewportabmessungen

      Raketenwilli
      – Informationen zu den Bewertungsregeln

      https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Maßangaben/Viewportabmessungen

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Autosize Image im DIV Container

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@KC

    geht um einen DIV Container, darin ist ein <img> welches sich je nach Bildschirmgröße vollständig anzeigen soll. Problem ist auf dem Smartphone wird es zu groß angezeigt und geht über das Display hinaus, also aus dem DIV Conatiner heraus.

    img, audio, video { max-width: 100% } kann bei responsive web design – also bei web design – nicht verkehrt sein.

    🖖 Живіть довго і процвітайте

    --
    When the power of love overcomes the love of power the world will know peace.
    — Jimi Hendrix
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln