Resizer - 반응형 웹디자인할 때 유용한 사이트

반응형 웹디자인을 할 때 웹브라우저의 가로 크기를 변경해가면서 원하는 결과가 나오는지 확인을 합니다.

PC를 위한 작업을 할 때는 그리 정밀하지 않아도 되지만, 모바일 기기를 위한 작업을 할 때는 728px, 360px 등으로 정확하게 가로 크기를 맞출 필요가 있습니다.

웹브라우저의 가로 크기를 원하는 크기로 만드는 방법은 여러 가지가 있는데, 그 중 하나는 Resizer 사이트를 이용하는 것입니다.

구글이 제공하는 곳으로, 여러 크기에서 어떻게 보이는 지 쉽게 확인할 수 있습니다.

사용법은 간단합니다.

상단 가운데에 URL을 입력하고, 상단 왼쪽에서 기기를 선택합니다.

기기를 선택한 후에는 상단에 있는 바에서 원하는 크기를 클릭해서 세밀한 조정이 가능합니다.

마지막 단계에서는 실제 기기로 접속을 해서 확인하겠지만, 개발 과정에서는 상당히 유용하게 사용할 수 있습니다.

Category

Created on 2016-11-18 01:46 | Updated on 2016-11-18 01:46

이 글을 공유하기

Kakao

Book navigation