모바일 반응형 웹을 제대로 구현하는 것은 매우 까다로울 수 있으며, 이를 망치게 되면 그 결과는 대개 끔찍하게 끝납니다. 실제로 아직 듣지 못하셨다면, 구글은 이미 2015년 4월부터 모바일 친화적이지 않은 웹사이트에 불이익을 주기 시작했습니다. 간단히 말해, 모바일 반응성은 대단히 중요한 문제입니다.
그렇다면 모바일 반응성이란 무엇일까요?
웹사이트는 데스크톱 이외의 기기에서 볼 때 콘텐츠가 다양한 화면 크기와 방향에 적응할 수 있는 기능이 있을 때 반응형으로 간주됩니다. 더 쉽게 말하자면, 여러분이 PBS v4로 업그레이드하고 페이지를 디자인하거나 제작하고자 할 때, 데스크톱, 휴대폰 또는 태블릿 중 어느 기기를 사용하든 확인하는 데 전혀 문제가 없어야 합니다.
버전 4.0의 반응성
최신 업데이트에서 저희 팀은 PBS의 새로운 모바일 보기 기능이 텍스트, 이미지 및 기타 모든 콘텐츠가 기기의 화면 해상도에 자동으로 맞춰지는 등 전반적으로 더 부드럽고 반응성이 뛰어난 환경이 되도록 만들었습니다.
이제 모든 제목이 화면 크기에 맞춰 자동으로 조정되므로, 휴대폰에서 PBS로 제작된 사이트나 페이지를 볼 때 지나치게 큰 글씨가 나타나지 않습니다. 좀 더 명확하게 보여드리자면 다음과 같습니다:
다양한 화면 크기로 사이트 보기
또한 모바일에서 페이지가 어떻게 보이는지 확실히 파악하실 수 있도록, 데스크톱을 통한 모바일 보기 기능도 활성화했습니다. 이렇게 하면 페이지가 잘 보이는지 확인하기 위해 휴대폰(또는 태블릿)과 데스크톱을 직접 오가는 번거로움을 겪지 않아도 됩니다. 이제 페이지를 디자인하는 동안 언제든지 다양한 화면 크기를 간편하게 전환해 가며 확인할 수 있습니다.
뿐만 아니라 이제 태블릿과 휴대폰에 맞춰 요소 간격을 구체적으로 미세 조정할 수도 있습니다.
여러분은 어떻게 생각하시나요? 마음에 드시나요? 모바일과 관련하여 저희가 개선할 수 있는 다른 기능이 있을까요? 아래 댓글 섹션에 의견을 남겨주세요!