уменьшение ширины изображения при уменьшении ширины браузера

У меня проблема с веб-страницей, которая имеет изображение слева и область содержимого справа с фиксированной шириной. Когда я уменьшу ширину в браузере, я уменьшу ширину изображения, но не уменьшу его. Я разрежу его с левой стороны.уменьшение ширины изображения при уменьшении ширины браузера

Как я могу это сделать?

источник

2014-10-02 Mats

Показать разметку и CSS. Является ли это элементом «img» или фоновым изображением? – Danield

Я не хочу изменять размер изображения, я буду иметь такую же высоту и уменьшу ширину, но уменьшу изображение слева, сделав видимую область меньшей. – Mats

Добавление следующее CSS Изображение будет делать трюк

.image-left-of-content{ 
    background-size : contain; 
}

источник

2014-10-02 11:23:52

Привет здесь я приведу вам пример, вы сделаете .left DIV 20% емкости и IMG внутри 100% левой DIV, так что если вы изменить размер страницы это должно работать

HTML

<div class="container"> 
     <div class="left"> 
      <img src="...your image src"/> 
     </div> 
     <div class="right"> 
     content 
     </div> 
    </div>

CSS

.container{width: 400px;} 
.left{width: 20%;} 
.left img{width: 100%;}

источник

2014-10-02 11:25:55 Jozsi

Если я правильно понял ваш вопрос, я бы предложил вам установить процентную ширину для вашего изображения и областей содержимого.

Смотрите этот пример HTTP: //jsfiddle.net/0z063thv/

источник

2014-10-02 11:32:54 Fergoso

уменьшение ширины изображения при уменьшении ширины браузера

ответ

Смежные вопросы