모바일 버전 확인하는 법/웹디자이너라면 필수

안녕하세요. 루몽언니입니다.

웹디자이너 혹은 웹개발자라면

꼭 알고있어야하는 모바일 사이즈 보는법

을 알려드릴려고해요.

1.구글크롬으로 접속을한후 F12키를 누른다.

그럼 오른쪽에 이렇게 소스가 보이는 페이지가 뜹니다.

2. 휴대폰/테블릿 모양의 그림을누르면 모바일에서 보여지는 버전대로 보입니다.

저는 지금 아이폰X에서 보여지는 버전을 보고있구요

모바일 돌리기 버튼을 누르면 가로로 어떻게 보여지는지도 볼수 있습니다.

EDIT를 누르면 더 많은 기기들을 설정해놓고 볼수 있습니다.

모바일 아이패드 등등 원하는 기기사이즈 설정해놓고 보시면 됩니다.

간단한 단축키는 F12 눌른후

Cntl+Shift+M 눌려주시면 됩니다.

확장프로그램설치하셔도 되겠지만 전 이게 편해서

이렇게 쓴답니다.ㅎㅎ

유용하셨길 바래요~