Отзывчивый дизайн: изображения в портретном/ландшафтном режиме

Question

Итак, я делаю свою тему удобной для мобильных телефонов, но я действительно хочу особо отметить изображения. Если изображения являются ландшафтными, я хочу, чтобы ширина была меньше, чем если бы изображения были портретами ... И я имею в виду, что это можно сделать с помощью параметра «@ media-screen max-width/max-height» в css ... Я на правильном пути? Или мне нужно бросить туда JS?

Answer 1

Это должно быть то, что вы ищете. Он использует процентную ширину и автоматическую высоту, чтобы убедиться, что все фотографии имеют одинаковую ширину, но высота настраивается, чтобы изображение не искажалось. Телефонный тег в css предназначен только для имитации экрана телефона. Надеюсь, что это помогает: D

http://jsfiddle.net/LdeGJ/

img{ 
width:90%; 
height:auto; 
}