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

디자인아루즈

2023-03-08 (수) 09:54:38 1,419

개발자 모드로 확인시

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

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

감사합니다.

그누보드5

채택된 답변

+20 포인트

플라이

2023-03-08 (수) 10:34:47

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

eyekiss

2023-03-08 (수) 10:22:04

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

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

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

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

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

디자인아루즈

2023-03-08 (수) 10:32:56

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

닥본사

2023-03-08 (수) 10:12:06

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

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

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

디자인아루즈

2023-03-08 (수) 10:19:38

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

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