Перейти к содержимому

Фотография

Как сделать изображение адаптивным с помощью CSS ?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3
#1 Алексей web
Алексей web

    Дизайнер. Skype - aleksejus.belovas

  • Киберсанты
  • PipPipPipPipPip
  • 6 538 сообщений
  • Пол:Мужчина

Отправлено 11 Июль 2025 - 13:08

Как сделать изображение адаптивным с помощью CSS ?

 

Пробовал по разному, ничего не получается. Пишу код, потом сжимаю окно браузера и включается горизонтальная прокрутка.

 

Прикрепленный файл  1.png   3,37К   2 Количество загрузок:

 

Прикрепленный файл  2.png   2,99К   2 Количество загрузок:


Тоже самое с другим кодом

.figure {
    max-width: 100%;
    max-height: auto;
}

  • 0

#2 Обществовед
Обществовед

    Свой человек

  • Администрация
  • 9 665 сообщений
  • Пол:Мужчина

Отправлено 11 Июль 2025 - 14:19

.figure img {
    max-width: 100%;
    max-height: auto;
}
Вот так, наверное, нужно.


.figure img {
    width: 100%;
    height: auto;
}
Может так еще
  • 1

#3 Алексей web
Алексей web

    Дизайнер. Skype - aleksejus.belovas

  • Киберсанты
  • PipPipPipPipPip
  • 6 538 сообщений
  • Пол:Мужчина

Отправлено 11 Июль 2025 - 14:33

Вот так, наверное, нужно.

 

Ага сработало. Спасибо


  • 0

#4 Алексей web
Алексей web

    Дизайнер. Skype - aleksejus.belovas

  • Киберсанты
  • PipPipPipPipPip
  • 6 538 сообщений
  • Пол:Мужчина

Отправлено Вчера, 12:57

Может так еще

 

Добавил "img" и всё сработало. Только об этом нигде не пишут.


  • 0


Количество пользователей, читающих эту тему: 2

0 пользователей, 1 гостей, 0 скрытых пользователей


    Yandex (1)