Как обслуживать размер изображения на основе контейнера, а не размер экрана ⇐ CSS

[Anonymous]

Я исчезал отзывчивые посты и примеры изображения, но я не могу найти решение. Кажется, что это должно быть легко, я мог бы просто что -то упустить: как бы я обслуживал соответствующий размер изображения на основе ширины контейнера, а не на ширине экрана? У меня есть экран рабочего стола, шириной 1980px, но гибкий контейнер, который составляет 1/3 экрана, поэтому максимальный размер изображения должен быть только шириной 660px, поэтому он должен показать изображение 800 Вт. Но SRCSet будет только от размера экрана, поэтому даже если я отображаю миниатюры, он загрузит изображение 1200 Вт. Есть ли способ сделать это динамически. то есть по -прежнему используйте Flebox и динамическую ширину, но обслуживает ли он соответствующий размер на основе ширины контейнера, а не ширины экрана? Любая помощь будет очень признателен, спасибо! < /P>




Подробнее здесь: https://stackoverflow.com/questions/612 ... creen-size