header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 에디터: 다양한 브라우저에서 사이트가 올바르게 보이도록 정렬하기

2 분
페이지 메뉴
  • 단 사용하기
  • 목록에 반복 레이아웃 요소 사용하기
  • 컨테이너 상자 사용하기
Wix 사이트는 오늘날 가장 많이 사용되는 브라우저 및 기기에 올바르게 표시되도록 최적화되어 있습니다. 
사이트 요소가 브라우저마다 다르게 정렬되는 현상은 브라우저마다 각각의 고유한 렌더링 엔진을 사용하면서 미묘한 차이가 발생했기 때문입니다.
참고:
  • 여기를 클릭해 텍슽 상자와 관련된 정렬 문제 해결사를 확인하세요.
  • 여기를 클릭해 이미지 주변에 텍스트를 배치하는 텍스트 래핑에 대한 자세한 도움말을 확인하세요.
예를 들어, 동일한 높이로 정렬되어 있는 이미지 및 텍스트 요소가 다른 브라우저에서 잘못 정렬되는 경우가 발생할 수 있습니다. 
아래의 이미지는 가로 정렬 오류의 예입니다.
아래의 이미지는 세로 정렬 오류의 예입니다.

단 사용하기

사이트에 스트립을 추가하고 단으로 분할해 보세요. 각 단의 크기를 자유롭게 지정하고 콘텐츠를 배열할 수 있습니다. 이 방법을 통해 가로로 콘텐츠를 정리하고 멋진 효과를 구현할 수 있습니다.
모든 컨테이너 상자를 제거하고 대신 단 그리드라인을 사용해 요소를 정렬하도록 하세요.
도움말:
단 요소가 반응형이며 모든 화면 크기에서 멋지게 보이는 만큼, 정렬 문제에 가장 적합한 옵션입니다.

목록에 반복 레이아웃 요소 사용하기

콘텐츠를 디자인과 레이아웃은 동일하지만 콘텐츠는 다른 멋진 템플릿으로 구성하는 아이템 목록인 반복 레이아웃 요소를 사용하세요.배경, 이미지, 텍스트 등을 포함한 각 아이템의 콘텐츠를 개별적으로 사용자 지정할 수 있습니다.

컨테이너 상자 사용하기

콘텐츠를 세로로 정렬하려면, 컨테이너 상자를 추가한 후 컨테이너에 요소를 추가하세요. 먼저, 상자를 뒤로 이동해야 할 수 있습니다. 또한, 글꼴 문제를 방지하기 위해 상자 안에 텍스트를 위한 여분의 공간을 남겨두는 것이 좋습니다. 이 작업을 완료한 후에는 상자를 투명하게 만들거나 원하는 경우 테두리를 추가할 수 있습니다.

위 도움말은 현재 겪고 있는 정렬 문제를 해결하고 향후 사이트를 훨씬 쉽게 업데이트할 수 있도록 합니다.

Wix는 이러한 요인에 의한 영향을 최소화하고, 동시에 다양한 기능의 사이트를 제작할 수 있는 유연성을 제공하기 위해 최선을 다하고 있습니다.

Wix Studio를 확인하세요.
Wix Studio는 프리랜서 및 에이전시를 위한 최고의 플랫폼입니다. 이 유연한 엔드-투-엔드 솔루션에는 스마트 디자인 기능 및 유연한 개발 도구가 포함되어, 모든 업계의 고객에게 뛰어난 결과를 제공할 수 있습니다.

Wix Studio에 대한 자세한 도움말을 확인하세요.