css Breite, max-Breite, Höhe funktioniert nicht

Question

Ich kann keine Antwort finden und ich bin wirklich verblüfft.

ich ehrlich 2 Stunden ++ auf dieser forsch verbracht haben, erprobt und diese zu brechen und ich bin ratlos ... Was zum Teufel mache ich falsch ...

ich eine HTML-Seite haben „, Index .html ", die auf ein CSS-Blatt namens" styles.css "verweist.

Jedes Stilelement, das ich einbinde, ist soweit in Ordnung, dass ich weiß, dass das Blatt korrekt verknüpft ist.

Innerhalb meiner HTML-Seite des Body-Tags, habe ich

<div id="bgimg"> <img src="img/EXAMPLE.jpg"> </div> 

In meinem Stylesheet I

#bgimg { width: 100%; }. 

Das funktioniert nicht haben.

Ich habe versucht, den Display-Typ zu ändern, ich habe versucht, es auf maximale Breite und alle möglichen anderen seltsamen und wunderbaren Dinge zu ändern.

Ich bin kein Website Builder wirklich (für den Fall, dass Sie nicht schon wissen !!), aber ich habe sogar eine andere separate Website, wo dies perfekt funktioniert, um das Bild auf der Bildschirmgröße zu skalieren.

Ich bekomme keine Änderung in der Bildgröße was auch immer.

Bitte, jemand hilf mir oder töte mich. Wie auch immer, ich bin fertig. Mein Kopf ist explodiert und ich kann einfach nicht mehr ...

Prost.

Answer 1

Haben Sie es versucht?

#bgimg img { width: 100%; } 

Die #bgimg ist bereits Breite 100% (es ist ein div), aber das img auf es ist ein Auto-Größe Element.

Answer 2

nehme ich an, was Sie suchen dafür ist:

#bgimg > img { width: 100%; }. 

(das Bild im Inneren des Behälters ist, als ein direktes untergeordnetes Element)

Answer 3

Sie CSS anwenden können entweder direkt Tag wie folgt auf img :

img { width: 100%; } 

oder so:

#bgimg img { width: 100%; }