> For the complete documentation index, see [llms.txt](https://docs.styleai.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.styleai.io/readme-2/whoops.md).

# "Whoops!" 화면이 뜨며 접속이 안 될 때

작은 화면 접속 제한 해결 가이드

안녕하세요, StyleAI는 원활한 디자인 편집 경험을 위해 PC 환경(1280px 이상 화면) 사용을 권장하고 있습니다. \
모바일이나 저해상도 기기에서 서비스 진입이 차단될 때의 해결 방법을 안내해 드립니다.

## 1. 기기별 지원 스펙 확인하기 (가로 모드 기준)

| 이용 방법                   | **Apple iPad**                                                                               | **Samsung Galaxy Tab**                                             |
| ----------------------- | -------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |
| ✨ 설정 없이 바로 사용           | <p>• Pro 13인치</p><p>• Pro 12.9인치</p>                                                         | <p>• Ultra 시리즈 (S8 / S9 Ultra)</p><p>• Plus(+) 시리즈 (S8+ / S9+)</p> |
| :eyeglasses: 브라우저 축소 필요 | <p>• Air 시리즈 전체 (11"/13")</p><p>• Pro 11인치</p><p>• iPad 일반 (10세대 등)</p><p>• iPad Mini 전체</p> | <p>• S7 / S8 / S9 기본형 (11인치)</p><p>• Galaxy Tab A 시리즈</p>          |

## 2. 1280px 이하 태블릿 기기를 위한 '브라우저 축소' 방법

화면이 잘리거나 불필요한 가로 스크롤이 발생할 경우, \
브라우저 자체의 배율 조정을 통해 데스크톱과 동일한 작업 환경을 만들 수 있습니다.

{% embed url="<https://youtu.be/hy9oCRZUR_c?si=pVnTN-NP8_ikX0Oy>" %}

**① Safari (사파리) 브라우저**

* **사용방법:** 주소창 왼쪽의 `가A` (또는 `AA`) 아이콘을 탭한 뒤, 축소 버튼을 눌러 **화면 비율을 67%%로 조절**합니다.

**② Chrome (크롬) 브라우저**

* **사용방법:** 브라우저 우측 상단의 더보기(`...`) 메뉴를 탭한 후 **'Zoom'버튼을 눌러 화면 비율을 67%로 조절**합니다.  &#x20;

<figure><img src="https://2975991638-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FmFbYzqQl2C0QZpzF1DYi%2FScreenshot_20260602_212711_Chrome.jpg?alt=media&amp;token=d0892a14-9fc1-47ab-9d38-b80892c1978a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2975991638-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F2wlHMaYz7Z1062ZXEkwE%2FScreenshot_20260602_212732_Chrome.jpg?alt=media&amp;token=e7e6dfd0-37d3-4840-83d9-6b61546cc5ff" alt=""><figcaption></figcaption></figure>

## 3. 브라우저  더보기 (`...`) 에 'Zoom' 버튼이 보이지 않는 경우

1\) Settings 클릭

<figure><img src="https://2975991638-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FNJJi1OHWyqGKW8KCgNCA%2F1000045358.jpg?alt=media&amp;token=7cafa459-dc13-4cdb-a1e1-f0e7ee54e5c8" alt=""><figcaption></figcaption></figure>

2\) Accessibility 클릭

<figure><img src="https://2975991638-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FWNyW3sm7TUUQXAlhbcH3%2F1000045359.jpg?alt=media&amp;token=f672616b-716b-4cea-9dbb-62224ba09d2e" alt=""><figcaption></figcaption></figure>

3\) Zoom out 조절

<figure><img src="https://2975991638-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FWnSr81dXJvwGsvFpDWvd%2F1000045362.jpg?alt=media&amp;token=98823c5f-3f72-4573-80c5-6973c67fc4ad" alt=""><figcaption></figcaption></figure>

4\) 라우저 화면 확인

<figure><img src="https://2975991638-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FsiE13IXWtNg6ZSePR2f9%2F1000045363.jpg?alt=media&amp;token=c2721776-f303-4cd4-a0ab-46885628fddb" alt=""><figcaption></figcaption></figure>