Responsive absolute Bildskalierung

Question

Warum die Größenänderung nicht funktioniert hat? (#mainContainer img)

#mainContainer 
{ 
    width: 100%; 
    color: white; 
    text-align: center; 
    position: absolute; 
    bottom: 100px; 
} 

#mainContainer img 
{ 
    margin-left: 20px; 
    margin-right: 20px; 
    max-width: 100%; 
    height: auto; 
    width: auto\9; /* ie8 */ 
} 

Und ich habe dies: http://idlecoin.tk/ (versuchen Sie die Fenstergröße ändern (Browser)) Ich versuche, alles (vielleicht) .. Und das hat nicht funktioniert. Wieder .. wieder .. und wieder ..

.. Ich versuche diese Website ansprechend zu machen.

Answer 1

Dies liegt daran, dass auf Ihre Bilder Inline-Stile angewendet werden.

Änderung dieser

<img src="img/xpmx.png" width="250px" height="250px"> 

dieser

<img src="img/xpmx.png"> 

und Verwendung:

#mainContainer img{ 
    width:100%; 
    max-width:250px; 
} 

Inline Stile werden immer Vorrang vor allen anderen CSS nehmen. Inline-Stile werden oft von JavaScript hinzugefügt.