Korrekte Bildanzeige

Question

Also, ich mache meine eigene responsive Website. Meine Frage ist - wie kann ich Bildbreite richtig einstellen?

Bild muss mit min-width und width 100% eingestellt werden. Ich habe versucht, sie so zu mischen

max-width: 100%; 
    min-width: 100%; 

Aber es hat nicht funktioniert. Also habe ich diesen Code stattdessen verwendet

max-width: 100em; 
    min-width: 100em; 

Es funktioniert gut, auch auf meiner Website. Ich habe kürzlich einige Inhalte hinzugefügt, und es gab ein Problem mit der Bildlaufleiste (vorher war keine Bildlaufleiste vorhanden, fehlender Inhalt). Das Bild wurde so eingestellt, dass es bei 100em angezeigt wird, aber die Bildlaufleiste benötigte etwas Platz. Um das ganze Bild zu sehen, musste ich die Seite nach rechts scrollen. Ich habe das Problem mit diesem Code gelöst, aber ich weiß nicht, ob es die richtige Lösung ist.

max-width: 98.96em; 
    min-width: 98.9em; 

Wenn es eine "weniger mechanische" Lösung gibt, dann erzähl mir bitte davon.

Vielen Dank für Ihre Hilfe.

Answer 1

Ich nehme an, Sie meinen nicht em, aber vw - 100vw ist die volle Breite des Darstellungsbereichs. em ist eine relative Maßeinheit, die von der aktuellen Schriftgröße des Elements abgeleitet wird.