Я знаю размеры изображения, но он находится в контейнере для жидкости (красная область, изменяйте размер ширины окна). Я хочу избежать перекосов, то есть я не хочу, чтобы размер красной области когда-либо менялся., если вы знаете размеры изображения, как вы масштабируете его без переплава в контейнере для жидкости.
http://codepen.io/anon/pen/AfmFH
как я могу настроить HTML/CSS, так что не происходит оплавление?
Я думаю, вы можете просто искать переполнение: скрытый на div. Единственная нижняя сторона - если вы слишком сильно расширяете изображение, оно не будет вписываться в div.
div {
width: 50%;
background-color: red;
overflow:hidden;
}
это ничего не делает. изображение никогда не находится за пределами div –
Разве я не понял? Я думал, что вопрос заключается в том, как изменить размер изображения без расширения содержащего div. – Neuticle
Я не хочу, чтобы размер div изменялся по мере загрузки изображения. –
Если вы никогда не хотите, чтобы div менял размер, почему вы его настраиваете? Или вы имеете в виду, что вы не хотите изменять размеры div? Немного разъяснений было бы здорово, потому что я не вижу, как происходит переплавка. – justinavery
Ширина div устанавливается в окне браузера. Да, я не хочу, чтобы размер div менялся, что является красной областью. –