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

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

단 사용하기

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

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

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

컨테이너 상자 사용하기

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

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

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

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

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

도움이 되었나요?

|