У меня гибкий макет, и у меня есть div, который всегда соответствует высоте и ширине окна браузера, даже при изменении размера браузера. Итак, div, который составляет 100% высоты и 100% ширины окна браузера.
В этом div у меня есть изображение, которое соответствует 100% ширины и высоты его родителей. Так что теоретически это изображение будет полноэкранным. В тот момент, когда вы увеличиваете окно браузера, размер изображения превышает размер его родителя и правой стороны, а нижняя часть изображения обрезается.
Как я могу обрезать все края изображения при увеличении окна браузера? Итак, я думаю, я хочу вертикально центрировать изображение внутри его родителя.
Ширина всех изображений/div рассчитывается в процентах.
Вот ссылка на мой существующий код: http://jsfiddle.net/PfzQ8/4/
Изменить: этот jsfiddle не является кодом проблемы, это просто код, который у меня есть в настоящее время, и я хотел бы расширить его.