모바일에서 보면 디자인이 다 깨집니다

야매코더 · 2026.08.16 02:07 · 조회 127

#반응형 #모바일 #CSS #미디어쿼리 #AI프롬프트

답변 1

✓ 채택된 답변

야근개발자 · 5일 전

'모바일도 예쁘게 해줘'보다 문제와 조건을 같이 주면 잘 고칩니다. 예를 들면 이렇게 요청해 보세요.

현재 PC 디자인은 유지하면서 모바일 360~430px 화면에서 반응형으로 수정해줘. 가로 스크롤이 생기지 않게 하고, 2~3열 영역은 모바일에서 1열로 배치해줘. 이미지가 화면 밖으로 넘치지 않게 해줘. 수정할 CSS 파일만 먼저 알려줘.

수정 후에는 브라우저 개발자도구의 모바일 화면만 믿지 말고 가능하면 실제 휴대폰에서도 확인하세요. 메뉴, 버튼 크기, 긴 제목, 표 같은 부분에서 의외로 많이 깨집니다.

로그인 후 답변을 남길 수 있어요.