Wix 에디터: 라이브 모바일 사이트 정렬 문제 해결하기
2 분 분량
페이지 메뉴
- 한 줄의 텍스트가 두 줄로 분할되는 경우
- 서로 겹치는 텍스트 및 기타 요소
- 텍스트가 다른 요소와 잘못 정렬되는 경우
- 모바일 사이트 다른 요소와의 정렬 문제
사이트 콘텐츠는 다른 브라우저와 기기에서 다른 렌더링 엔진을 사용하기 때문에 모든 휴대기기에서 동일하게 표시되지 않을 수 있습니다. 예를 들어, 텍스트 요소는 특정 모바일 화면에서 다른 요소와 확장, 겹치거나 정렬되지 않을 수 있습니다.
한 줄의 텍스트가 두 줄로 분할되는 경우
모바일 에디터의 한 줄 텍스트가 라이브 사이트에서 두 줄로 분할되는 것을 확인할 수 있습니다. 이는 기기에 따라 다를 수 있으며, 다른 화면에서는 다르게 보일 수 있습니다.
![모바일 에디터 및 라이브 모바일 사이트의 텍스트를 보여주는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/10/ad846c65-b805-4f25-bd9c-2705fdbe2fa8/8e3ed92f-364d-4a35-a56a-b06dd72b79c3.png)
이 문제를 해결하려면, 핸들을 클릭한 후 끌어 텍스트 상자를 넓히면 됩니다. 이는 텍스트 상자를 더 크게 만들 뿐 텍스트 자체의 크기에는 영향을 미치지 않습니다.
![모바일 에디터에서 확장되는 텍스트 상자를 보여주는 GIF.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/10/f77dbf05-265f-4cfa-9393-8a9ee2bff1af/db8f870f-7725-4c0c-878c-5f3d6f3cef42.gif)
서로 겹치는 텍스트 및 기타 요소
사이트의 단일 텍스트 상자에 많은 양의 텍스트를 추가하고 그 위에 요소를 추가한 경우, 텍스트가 라이브 사이트의 다른 요소와 겹칠 수 있습니다. 이러한 문제는 일반적으로 데스크톱 에디터에서 사이트에 추가된 텍스트에서 볼 수 있습니다.
![모바일 에디터와 라이브 사이트에 있는 텍스트 및 버튼 이미지 버튼이 라이브 사이트의 텍스트와 겹칩니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/10/5c71903d-b372-4b71-9699-f2ab3f0c40a7/37686bd5-a3b2-4fb9-811e-2fc0a7794d95.png)
문제를 해결하려면:
- 데스크톱 에디터를 엽니다.
- 텍스트를 단락당 하나씩 여러 텍스트 상자로 나눕니다.
- 텍스트 상자 사이에 간격을 두고 요소를 추가합니다.
- 요소가 정렬되도록 그룹화합니다. 요소를 그룹화하는 방법에 대한 자세한 도움말을 확인하세요.
![데스크톱 에디터 이미지 텍스트가 다른 상자로 분할되었으며 버튼이 그 사이에 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/10/586146bb-e761-4249-a58b-983ea71ca809/e8f2bf1e-0f36-4503-9335-721bfe8d3b3f.jpg)
텍스트가 다른 요소와 잘못 정렬되는 경우
단일 텍스트 상자에 많은 텍스트가 추가되어 있는 경우 모바일 라이브 사이트의 다른 요소와 정렬되지 않을 수 있습니다.
![모바일 에디터 및 라이브 사이트에서의 동일한 페이지. 텍스트 및 벡터아트가 라이브 사이트에서 잘못 정렬되어 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/10/2e8fab87-24ca-402e-83ca-1c2d30284fb3/4280b092-f45a-4b37-9b03-b89b1ea6f7c4.png)
텍스트를 다른 요소에 맞춰 정렬하려면:
- 데스크톱 에디터를 엽니다.
- 텍스트를 단락당 하나씩 여러 텍스트 상자로 나눕니다.
- 관련 요소와 함께 텍스트를 그룹화합니다. 여기를 클릭해 요소를 그룹화하는 방법을 확인하세요.
![모바일 에디터에서 텍스트를 다른 요소에 정렬하는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/10/ef7f016b-c164-48a4-b1d6-d74236e1d2c8/f375ffb1-5d9a-4a20-92ff-86559daec2f7.jpg)
모바일 사이트 다른 요소와의 정렬 문제
모바일 버전의 사이트에서는 가로로 정렬한 요소가 예상대로 정렬되지 않을 수 있습니다.