이 글의 목차
먼저 알아둘 답
홈페이지가 휴대폰에서 가로로 넘치거나 깨지는 이유는 무엇인가요?
문제가 생기는 휴대폰 화면과 페이지 주소를 기록하세요. 너무 넓은 표·사진, 긴 글자와 메뉴 상태가 원인일 수 있습니다. 화면을 작게 줄이는 것보다 휴대폰에서 글을 읽고 상담 버튼을 누르는 흐름을 직접 확인해야 합니다.
제조사: 제품 규격표 때문에 휴대폰 화면이 밀리는 경우
제품 표가 화면보다 넓어 전화 버튼까지 오른쪽 밖으로 밀립니다.
이렇게 바꿔보세요
전체 화면을 억지로 잘라 숨기지 말고 표 영역만 가로로 볼 수 있게 하거나 항목을 세로로 재구성합니다. 긴 제품 코드와 메뉴도 함께 점검합니다.
보이는 가로 스크롤만 없애면 필요한 규격까지 가려질 수 있습니다. 넘치는 원인을 찾아 읽는 방법을 마련해야 합니다.
내 사업에서 확인할 일
문제가 있는 주소와 휴대폰 화면을 전달하고 표의 마지막 항목까지 읽히는지 확인하세요.
이 글에 나오는 용어3개 · 뜻과 예시 보기
낯선 용어는 아래 뜻과 예시를 참고하세요.
- 반응형화면 크기에 맞춰 배치가 바뀌는 방식
-
PC, 태블릿, 휴대폰에 맞춰 글·사진·메뉴의 배치를 조정합니다. 단순히 화면 전체를 작게 줄이는 것과 다릅니다.
예를 들면 휴대폰에서는 가로 메뉴를 접고, 여러 칸의 정보를 세로로 배치해 읽기 쉽게 만듭니다.
- CSS글자·색·여백·배치를 정하는 웹 스타일
-
같은 본문을 기기 크기에 맞게 배치하고 읽기 쉽게 표현하는 역할을 합니다.
예를 들면 휴대폰에서 표가 넘치지 않게 배치를 조정하거나 글자를 크게 표시합니다.
- 캐시한 번 받은 파일을 보관해 다시 쓰는 방식
-
사진·페이지 등을 다시 내려받는 부담을 줄입니다. 설정에 따라 수정 전 내용이 잠시 보일 수 있습니다.
예를 들면 문구를 고쳤는데 일부 기기만 옛 내용이 보이면 저장된 파일과 배포 상태를 확인합니다.
먼저 알아둘 점: 모바일 화면 깨짐
화면 밖으로 나가는 글과 사진이 작은 글씨, 겹치는 버튼은 원인이 다를 수 있습니다. 최근 추가한 표, 배너, 외부 위젯을 확인하고 증상을 재현하세요. 페이지를 강제로 잘라 가로 스크롤만 숨기면 읽어야 할 정보가 사라질 수 있습니다.
결정 전에 비교할 기준
| 확인할 조건 | 판단과 작업 범위 |
|---|---|
| 넘치는 자산 | 표, 이미지, 긴 문자열, 고정 크기 |
| 인터랙션 | 메뉴, 탭, 외부 위젯, 화면 폭 변화 |
| 최종 확인 범위 | 정상, 오류 화면, 확대, 다른 페이지 |
직접 확인할 체크리스트
- 가격, 별도 조건을 숨겨 문제를 가리지 않는지
- 320px부터 메뉴, 상담을 사용할 수 있는지
- 글 확대와 키보드에서 내용이 남는지
- 수정 전후 대표 주소, 기기를 기록했는지
이 자료가 있으면 상담이 구체적입니다
- 문제 URL, 기기, 화면 폭
- 재현 순서, 최근 변경
- 보유 소스, 수정 가능한 환경
YOUR NEXT STEP WITH 짓고 JiTGO
현재 사이트, 필요한 수정부터 상담하세요.
사이트 주소와 증상, 원본·접근 권한 보유 여부를 확인해 수정·유지보수 범위와 비용을 안내합니다.
- 타사 제작 홈페이지·프로그램 상담
- 원본·접근 권한·증상 먼저 확인
- 작업별 별도 견적·계약
- 진단·상담 모두 무료
- 수정·개발 완료 후 원천 소스 제공
유지보수는 현재 상태 확인 후 작업 범위와 비용, 결제 시점을 협의합니다. 기본형 홈페이지의 무료 선제작·후불 조건이 자동 적용되지 않습니다.
