Hallo zusammen, ich habe ein img zwischen die Menüleiste und dem Slider platziert. Am meinem Laptop siehts auch gut aus. Aber wenn ich mir das z.B. mit dem Smartphone anschaue, ist es schrecklich, da das Bild in seiner urpsprünglichen Größe angezeigt wird und nicht automatisch an die Bildschirmgröße angepasst / proportional skaliert wird, sodass das Bild quasi die Seite extrem vergrößert. HTML Code: <li class="rspns"> <div style="position:fixed; display:contents; top:0px; z-index:100000;"><img src="(Link nur für registrierte Nutzer sichtbar.)" alt="XXX"> </div> </li> CSS-Code: .rspns { max-width:100% !important; height:auto; } Was mache ich falsch? Warum wird das Bild nicht automatisch an die Bildschirmgröße angepasst? Kann mir da jemand unter die Arme greifen? Vielen Dank im Voraus!
Das Bild braucht die Klasse mit der max-width: Code: <li> <div style="position:fixed; display:contents; top:0px; z-index:100000;"><img src="https://s20.directupload.net/images/220122/hsvw585z.png" alt="XXX" class="rspns"> </div> </li> Gambio hat dafür aber schon eine Klasse namens img-responsive: https://www.gambio.de/blog/gambio-t...es_Anpassen_von_Bildern_oder_anderen_Inhalten