쇼핑몰관리>분류관리>상단내용 반응형이미지 질문입니다.
본문
쇼핑몰관리>분류관리>상단내용에 HTML을 사용하여서
아래와 같이 이미지를 첨부하였습니다.
이렇게 첨부하면 PC 상태의 풀 화면일때 처럼 화면이 작거나
모바일에서도 이미지가 모두 보일 수 있도록 반응형으로 만들 수 있을까요?
답변 1
css img { max-width:100%; } 이렇게 적용해 보세요
현재 이미지를 이렇게 등록 했습니다.
<img src="https://www.r000.co.kr/shop/img/20231011-recii001.jpg" alt="20231011-recii001.jpg">
말씀해주신 내용을 어떻게 적용하죠? ^^
해당 상품리스트 사용하는 css 파일이나 해당 파일 상단에 적용해 주시면 됩니다.
<style>
img { max-width:100%; }
</style>
아~!! 그부분때문의 질문등록하게 되었습니다.
말씀해주신대로
<style>
img { max-width:100%; }
</style>
<img src="https://www.r000.co.kr/shop/img/20231011-recii001.jpg" alt="20231011-recii001.jpg">
형식이나 다른 질문답변을 보고 몇가지 형태로 시도를 했었는데요.
저장을 하고나면 모든게 다시 원점으로
<img src="https://www.r000.co.kr/shop/img/20231011-recii001.jpg" alt="20231011-recii001.jpg">
놈만 남아있습니다.
답변을 작성하시기 전에 로그인 해주세요.