쇼핑몰관리>분류관리>상단내용 반응형이미지 질문입니다.
쇼핑몰관리>분류관리>상단내용에 HTML을 사용하여서
아래와 같이 이미지를 첨부하였습니다.
이렇게 첨부하면 PC 상태의 풀 화면일때 처럼 화면이 작거나
모바일에서도 이미지가 모두 보일 수 있도록 반응형으로 만들 수 있을까요?
|
답변 1개 / 댓글 3개
2023-10-12 (목) 10:51:46
css img { max-width:100%; } 이렇게 적용해 보세요
답변에 대한 댓글 3개
2023-10-12 (목) 11:35:43
2023-10-12 (목) 11:38:12
해당 상품리스트 사용하는 css 파일이나 해당 파일 상단에 적용해 주시면 됩니다.
[code]
<style>
img { max-width:100%; }
</style>
[/code]
[code]
<style>
img { max-width:100%; }
</style>
[/code]
2023-10-12 (목) 11:40:57
아~!! 그부분때문의 질문등록하게 되었습니다.
말씀해주신대로
<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">
놈만 남아있습니다.
말씀해주신대로
<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">
놈만 남아있습니다.
답변을 작성하려면 로그인이 필요합니다.
<img src="https://www.r000.co.kr/shop/img/20231011-recii001.jpg" alt="20231011-recii001.jpg">
말씀해주신 내용을 어떻게 적용하죠? ^^