쪼그라드는 웹페이지

모바일 게임 회사의 웹페이지는 다양한 크기의 휴대폰에서 잘 보여야 한다는 문제점에서 시작하여, 기존의 미디어쿼리 방식이 가진 디자인 버그와 커뮤니케이션 비용 증가 문제를 해결하기 위한 새로운 방법을 소개합니다. 이 글에서는 PC 최소 사이즈보다 작은 화면에서는 태블릿 화면을, 태블릿 크기에서는 모바일 화면을 보여주고 좌우 여백을 주는 방식을 제안합니다.

또한, 모바일 화면 하나만 작업하여 기준 사이즈보다 작은 기기에서는 화면을 쪼그라뜨리는 방식으로, 다양한 기기에서 일관되고 효율적인 웹페이지 구현을 목표로 합니다. 이는 기존 방식과 달라 내부 커뮤니케이션에 시간이 걸렸지만, 결과적으로 다양한 화면 크기에 대한 대응을 간소화하고 QA 부담을 줄이는 효과를 기대할 수 있습니다.