HTML 반응형 이미지

안녕하세요. 저는 HTML은 처음이지만, 디스코스는 잘 알고 있습니다.

이미지를 반응형으로(화면 크기에 따라 크기가 변하도록) 만드는 방법을 아시는 분이 있을까요? 스레드에 이미지를 추가하고 반응형으로 표시하고 싶습니다.

안녕하세요, Meta에 오신 것을 환영합니다 :wave:

이미 이렇게 작동합니다. 데스크톱에서는 게시물의 최대 폭이 약 700px입니다. 이미지의 최대 폭은 max_image_width 사이트 설정으로 지정되며, 패딩을 고려하여 기본값은 690px입니다. 데스크톱 브라우저 창을 700px보다 작게 사용하는 경우는 매우 드뭅니다.

모바일에서는 화면 크기에 기반하여 이미지에 폭을 부여합니다. 따라서 어떤 휴대폰을 사용하더라도 이미지는 항상 화면에 맞게 표시됩니다.

이 모든 것이 어떻게 작동하는지 여기에서 확인할 수 있습니다.

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