DarkTranquillity

Сохранение пропорций изображения

Recommended Posts

Добрового времени суток.

 

Подскажите, как для тэга img в CSS задать правило сохранения пропорций (аналогично как background-size: cover;).

 

У меня вот следующая конструкция:

.img-intro-left{  float: left;   border: 3px solid #FCBF66;   margin-right: 15px;}.img-intro-left img{  width: 150px;  height: 150px;}

Но при определенных размерах ширины и высоты изображения - оно естественно искажается.

 

Возможно ли это реализовать на CSS?

 

Заранее благодарю за подсказки :)

Share this post


Link to post
Share on other sites

Указать только ширину или только высоту. Смысл указывать их обоих, если нужно сохранить пропорции?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Lex_85
      Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!
    • By gadjet
      Такая конструкция работает нормально
      <img src="/img/logo.png" alt="Logo" />
       
      Перестает работать внутри контейнера <a>. И локально и на хостинге, картинка не отображается
      <a href="/index.html>
      <img src="/img/logo.png" alt="Logo" />
      </a>
    • By Elizabeth2018
      Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.
  • Member Statistics

    46,439
    Total Members
    3,128
    Most Online
    Talomir
    Newest Member
    Talomir
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.