Сайт Tumblr не реагирует

Question

У меня возникли трудности с настройкой моего сайта Tumblr. До сих пор мне удалось только сделать отчет отзывчивым. Изображения загружаются горизонтально, а не вертикально на главной странице. На всех других страницах заголовок реагирует, но изображения остаются большими.

Это изменило заголовок -

<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

<!-- Mobile Specific Metas --> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

Чтобы изменить размер изображения, я добавил это, но это не сработало -

height:100%; 
max-width: 100%; 
width: auto; 

Что я делаю не так ??? В CSS я добавил весь экран @media, но он все еще не работает. Пожалуйста помоги!

Answer 1

Если бы вы могли более подробно разработать код с кодом, если бы мне было полезно разобраться в решении. Но эй, Лемм дать вам образец ...

HTML:

<div class="ttt"> 
    <img src="http://www.moovweb.com/content/uploads/2013/09/stackoverflow-logo.png"> 
</div> 

CSS:

.ttt { 
    width:300px; 
    height:500px; 
} 
img { 
    height:100%; 
    max-width: 100%; 
    width: auto; 
    height:auto; 
} 

А вот рабочая Fiddle Попробуйте изменить ширину маточного DIV , То же самое можно применить с запросами @media. :)