Адаптивные изображения в HTML

Привет! Я новичок в HTML, но не в Discourse.

Подскажите, пожалуйста, как сделать изображение адаптивным (чтобы оно меняло размер в зависимости от размера экрана). Я хочу добавить изображение в тему и сделать его адаптивным.

Привет, добро пожаловать в Meta :wave:

Это уже должно работать. На десктопе максимальная ширина поста составляет около 700 пикселей. Максимальная ширина изображений задаётся настройкой сайта max_image_width. По умолчанию она равна 690 пикселям — с учётом некоторого отступа. Крайне маловероятно, что кто-то будет использовать окно браузера на десктопе шириной меньше 700 пикселей.

На мобильных устройствах мы задаём изображениям ширину в зависимости от размера экрана. Таким образом, изображения всегда будут помещаться, независимо от того, какой телефон вы используете.

Вы можете посмотреть, как всё это работает, здесь

discourse/app/assets/javascripts/discourse/widgets/post-cooked.js at c61ebc9ba67d6588c09c2b93205865e0fd388f51 · discourse/discourse · GitHub