아이패드 세로 모드 모바일 화면으로 나올 때
아이패드를 세로로 들고 내 사이트를 열었는데 위쪽 메뉴가 안 보일 때가 있습니다. 컴퓨터에서는 옆으로 나란히 있던 내용도 전부 한 줄로 길게 내려갑니다. 태블릿으로 열었는데 휴대폰 화면이 뜬 겁니다. 화면을 나누는 경계 숫자 하나 때문에 이런 일이 생기기도 합니다. 태
아이패드를 세로로 들고 내 사이트를 열었는데 위쪽 메뉴가 안 보일 때가 있습니다. 컴퓨터에서는 옆으로 나란히 있던 내용도 전부 한 줄로 길게 내려갑니다. 태블릿으로 열었는데 휴대폰 화면이 뜬 겁니다. 화면을 나누는 경계 숫자 하나 때문에 이런 일이 생기기도 합니다.
태블릿인데 휴대폰 화면이 나오는 이유
홈페이지는 기기의 화면 폭을 보고 휴대폰 화면, 태블릿 화면, 컴퓨터 화면 가운데 하나를 골라 보여 줍니다. 이때 「폭이 얼마 이하면 이 화면」이라는 경계를 기준으로 나눕니다.
그래서 경계에 딱 걸린 기기는 숫자 하나 차이로 전혀 다른 화면을 받습니다. 아이패드를 세로로 들면 폭이 정확히 768px입니다. 사이트에 「768px 이하면 휴대폰 화면」이라고 적혀 있으면 아이패드 세로는 휴대폰 쪽으로 들어갑니다. 메뉴가 숨겨지고 여러 칸이던 내용이 한 칸으로 합쳐지는 것도 이 때문입니다.
만드는 사람은 보통 컴퓨터와 휴대폰으로만 화면을 봅니다. 태블릿 세로처럼 그 사이에 낀 폭은 열어 볼 일이 적어서 놓치기 쉽습니다. 한국에서도 태블릿으로 홈페이지를 보는 사람이 적지 않고, 상담이나 예약을 태블릿으로 하는 손님도 있습니다.
저희 템플릿을 재 보다가 걸린 경계값
2026년 8월 31일, 저희 템플릿을 휴대폰 폭과 태블릿 폭에서 모두 재 보는 점검을 했습니다. 아이패드 세로에서 메뉴가 통째로 숨겨지고, 여러 칸이던 내용이 모두 한 칸으로 무너졌습니다.
원인은 경계값 하나였습니다. 템플릿 8개, 51곳에 「768px 이하면 휴대폰 화면」이라고 적혀 있었습니다. 폭이 딱 768px인 아이패드 세로가 그대로 휴대폰 쪽으로 넘어간 겁니다.
그 뒤로 저희가 점검할 때 쓰는 기준은 이렇습니다. 휴대폰 화면은 767px까지만 적용하고, 768px부터 1023px까지는 태블릿 화면을 따로 둡니다. 테마가 처음부터 768을 기본값으로 정해 둔 경우는 그 테마의 설계라서 따로 보고 판단합니다.
내 사이트에서 확인해 볼 두 가지
아이패드가 있다면 세로로 들고 내 사이트를 열어 보세요. 메뉴가 보이는지, 내용이 한 줄로만 길게 늘어서 있지 않은지 보면 됩니다.
아이패드가 없으면 컴퓨터 크롬으로도 볼 수 있습니다. 검사를 열고 기기 모양 버튼을 누른 다음 폭을 768로 맞춰 같은 것을 보세요. 이어서 폭을 767로 바꿔 화면이 갑자기 달라지는지도 봐 두세요.
태블릿에서 메뉴가 사라지거나 내용이 한 줄로 무너진다면 오류 수정에 맡기실 수 있습니다.