테스트 사이트 - 개발 중인 베타 버전입니다

모바일로 접근시 이미지와 제목의 거리가 너무 멉니다. 채택완료

디자인아루즈 2년 전 조회 1,144

https://woosungent.cafe24.com/cert.php

개발자 모드로 확인시

반응형이라 높이를 400px줬는데 max-width값도400px이라  썸네일과 이미지가 너무 멉니다. 어디를 어떻게 수정할까요?

고수님들 초보 좀 도와주세요.

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
플라이
2년 전

height 값이 400px 고정으로 잡아두셨는데 모바일크기 변경시 미디어쿼리로 비율에 따라 높이도 수정되도록 작업해 주셔야 할듯 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

e
2년 전

좌우 간격이 넓다는건가요??

세로 400px 기준으로 썸네일 이미지가 생성되다보니..

좌우 공간은 어쩔수가 없습니다.

한줄에 5개씩 배치하거나..

썸네일 높이를 더 크게 하면 되것 같네요..

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디자인아루즈
2년 전
아뇨 좌우간격은 문제 없구요 썸네일과 제목과의 간격이 문제입니다.
미디어 쿼리는 이미 들어 있는것 같은데...

댓글을 작성하려면 로그인이 필요합니다.

2년 전

height를 준 이유가 따로있으신가요?

지우셔도 무방할것같은데요

 

굳이 줘야한다면 미디어쿼리를 써보심이

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디자인아루즈
2년 전
제가 준게 아니구요 그누 스킨 스타일시트에 설정이 되어 있는것 같습니다.
관리자에서 이미지 높이값을 400 줬는데 이게 모바일로 봤을때도 동일하게 400 적용되서 그렇습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인