У меня есть макет жидкости, и у меня есть div, который всегда соответствует высоте и ширине окна браузера, даже когда размер браузера изменяется. Таким образом, div имеет 100% высоту и 100% ширину окна браузера.Как я могу масштабировать и центрировать выровненное изображение внутри жидкого DIV?
Внутри этого div у меня есть изображение, которое соответствует 100% его родителей ширине и высоте. Поэтому теоретически это изображение будет полноэкранным. На данный момент, когда вы увеличиваете окно браузера, размер изображения превышает размер изображения его родителя, а правая сторона & - нижняя часть изображения обрезается.
Как я могу удалить все края изображения при увеличении окна браузера? Поэтому я предполагаю, что хочу вертикально центрировать изображение внутри своего родителя.
Все изображения/divs widths рассчитываются с использованием процентов.
Вот ссылка на мой существующий код: http://jsfiddle.net/PfzQ8/4/
Edit: Это jsfiddle не код проблемы его просто код, который я в настоящее время, и хотел бы расширить на нем.
Я не думаю, что я в состоянии воспроизвести ваш проблема с jsfiddle с помощью Chrome. Кроме того, вы хотите, чтобы изображение растягивалось, чтобы заполнить 100% доступного пространства, или масштабировать пропорционально, чтобы заполнить 100% ширины или высоты? – Kyle
не появляется, вы пытались выполнить поиск в этой теме ... Есть много вариантов решений, которые легко раскрываются в быстром поиске – charlietfl
@charlietfl Я считаю, что моя проблема отличается тем, что ее жидкая компоновка, где я не знаю высоты мой контейнер и хочу масштабировать изображение примерно до 400% (например) из самого центра DIV. Поэтому подумайте, что голосование немного жестко, поскольку я не могу найти решения для StackOverflow. Я могу попробовать это решение, хотя, чтобы проверить, не будет ли это исправлено: http://css-tricks.com/centering-in-the-unknown/ – egr103