선호하는 화면 크기를 설정하고 홈페이지 URL을 입력하는 것 만으로 출력되는 레이아웃을 확인 할 수 있는 온라인 도구
모바일 기기별 출력되는 레이아웃을 확인하고 대응 할 수 있다.
지정사이즈 화면으로 재빨리 반응형웹 출력물을 확인할 때 봅니다. 원래 모니터 화면이 적어도
MacBook 화면 처럼 1920px 넓은 사이즈 화면 출력도 확인할 수 있다.
Google은 웹 개발자에게 유익한 툴을 많이 공개하기도 하죠, 그 중에 모바일 친화성 검사도 하나이죠. 함 사용해 보세요.
디자이너이자 개발자인 Matt Kersley가 발표한 반응형 출력물 무료 검증 툴이다.
픽셀 단위의 정확성이 요구되는 조건을 원한 다면 별 도움은 되지 못하는 툴이다. 하지만 그 대신 URL을 입력하면 그것에 대한 각종 기기의 디스플레이안에 출력물을 보여준다. 그걸 스크린 샷으로 사용하면 프리뷰로 그만이다.
DesignMondo 가 제작한 레이아웃 검증 툴이다.
URL 입력하여, 스마트폰, 태블릿, 노트북, 데스크탑에서 출력되는 모양을 스크린샷으로 만들 수 있는 툴이다.(지금은 접근이 안되네요)
'WEB > CSS' 카테고리의 다른 글
a태그 ie에서 font-size:0; 주의 (0) | 2018.04.16 |
---|---|
inline-block 으로 한줄 정렬하기 (0) | 2018.03.26 |
색상 관련 페이지 (0) | 2018.03.22 |
animation (0) | 2018.03.22 |