반응형
가끔 프로젝트 진행하다보면 반응형 웹앱이 아닌 모바일 전용으로 기획하고 구현할 때가 있습니다.
모바일에 맞춘 좁은 너비만 가지고 있기 때문에 웹에서 보여줄 일이 생기면 매우 보여주기 민망한 상황이 자주 발생하는데,
그러한 경우 무리해서 반응형으로 만들기보단 아래와 같이 간단한 배경만 추가해주는 정도로 꽤 깔끔한 반응형 웹앱처럼 보여줄 수 있습니다.
위와 같이 실제로 구현한 부분은 고정폭으로 하여 중간 또는 어느 한쪽에 적당히 자리만 잡아주고, 남는 부분은 관련 배경이나 내용으로 채워 미디어 쿼리 설정만 해주면 큰 노력없이 깔끔한 사이트를 만들 수 있습니다.
반응형