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

# PC/모바일 설정

### 1️⃣ 반응형 설정

* 반응형은 PC에서 보일때와 모바일에서 보일때의 모습을 지정해 주는 방식 입니다.
* 반응형 엘리먼트는 PC, 모바일이 공유되며, 위치나 색상과 같은 속성은 다르게 설정 할 수 있습니다.
* 엘리먼트에서 아무 요소(예를들어 텍스트) 를 클릭하여 넣어주세요.
* 상단의 PC 아이콘을 클릭 하여 PC 모드로 변경해 주세요.
* 이때 엘리먼트의 위치나 폰트 크기와 같은 색상을 변경해 주세요. PC 모드에서 변경했기 때문에, 모바일에서는 변경되지 않습니다. 다만 이때 엘리먼트를 삭제하면 PC, 모바일 모두 삭제되니 주의해 주세요.
* 다시 상단의 모바일 아이콘을 클릭 하여 모바일 모드에서 확인하면 PC 와는 다른 모습을 볼 수 있습니다.

### 2️⃣ PC 버전 보이기 옵션

* 모바일 버전만 필요하고 PC 버전은 필요하지 않는 경우, PC로 보았을때 MO 처럼 보이도록 설정 할 수 있습니다.
* 기어 모양의 "설정"을 클릭 하신 후 "앱 구동 설정" 을 클릭해 주세요.
* "PC 버전 보이기" 옵션을 비활성화 해 주세요.

<figure><img src="https://www.waveon.io/_ipx/f_webp/static/img/guide/landing-responsive-pc-option.png" alt=""><figcaption></figcaption></figure>

* 미리보기를 하면 PC 버전에서도 모바일처럼 가운데에 모여있는 형태로 표시 됩니다.

<figure><img src="https://www.waveon.io/_ipx/f_webp/static/img/guide/landing-responsive-pc-option-preview.png" alt=""><figcaption></figcaption></figure>