반응 형 절대 이미지 스케일링

Question

왜 크기가 조정되지 않았습니까? (#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 */ 
} 

그리고 난이있어 : http://idlecoin.tk/ (창 크기를 조정하려고 (브라우저)) 나는 모든 것을 (아마도) ..를 시도하고이 작동하지 않았다. 다시 .. 다시 .. 다시 ..

.. 나는이 사이트를 반응 적으로 만들려고 노력한다.

Answer 1

이미지에 인라인 스타일이 적용 되었기 때문입니다.

변경이

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

및 사용이

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

:

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

인라인 스타일은 항상 다른 CSS보다 우선합니다. 인라인 스타일은 종종 자바 스크립트에 의해 추가됩니다.