Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики
Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.
от 32900 
Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!
от 29500 
Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.
от 22900 

Как сделать чтобы картинка не сжималась css

Чтобы предотвратить сжатие картинки, когда ее размер превышает доступное пространство, вы можете использовать свойство CSS min-width.

img {
  min-width: 100%;
  height: auto;
}

В приведенном выше примере свойство min-width установлено на 100%, что означает, что изображение будет автоматически масштабироваться по ширине, чтобы занять 100% доступной ширины. Свойство height установлено на auto, чтобы сохранить соотношение сторон изображения.

Вы также можете использовать свойство max-width, чтобы задать максимальную ширину изображения и предотвратить его растяжение.

img {
  max-width: 100%;
  height: auto;
}

В этом случае изображение будет масштабироваться только до определенного предела, заданного свойством max-width. Если ширина доступной области меньше, чем максимально допустимая ширина изображения, то изображение сжимается, чтобы поместиться в доступную область.

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

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.