반응형 웹이 구현하기 까다로운점은 여러기기에서 태스트 해봐야 한다는 것입니다. 저만해도 휴대폰은 제걸로 하면되지만 테블릿이 없어서 테스트를 못해보는 실정인데요, 이럴때 반응형 웹 테스트 도구는 정말 큰 도움이 됩니다.
사실 현재 나오는 스마트폰 중에서 가장 작은 넓이를 가지고 있는 폰중의 하나가 아이폰입니다. 해상도는 640x960(1136)이지만 브라우저 화면의 크기는 가로폭 320px입니다. 그래서 아이폰까지 맞춰주면 모바일 기기 반응형은 거진 다 만들었다고 보면 됩니다.
뿐만 아니라 테블릿도 가장 범용적으로 많이쓰이는 아이패드의 해상도 1024x768만 지원하면 됩니다. 나머지 테블릿은 떨거지거나 파편화가 심하기 때문에 쿨하게 넘어가면 되죠 -ㅅ-
제대로 하고 싶다면 안드로이드 폰까지 모두 테스트 해보면 좋겠지만 그럴여력이 안되면 위에서 언급한 두기기만 잘 맞춰도 어느정도 성공입니다.
사용법은 간단합니다. Respondr 홈페이지에 접속한 뒤 자신의 사이트 주소를 붙여넣고 실행시키면 됩니다. 상단의 기기선택으로 원하는 기기를 고를수 있고요.
아래는 사용 예시 입니다.
