반응형 웹 화면을 온라인에서 테스트하는 방법
HTML과 CSS를 설치 없이 실행하고 데스크톱, 태블릿, 모바일 화면에서 레이아웃이 올바르게 바뀌는지 확인하는 방법입니다.
빠른 순서
- HTML 편집기에 페이지 구조를, CSS 편집기에 기본 스타일과 미디어 쿼리를 입력합니다.
- 데스크톱, 태블릿, 모바일 미리보기를 차례로 전환합니다.
- 내용 잘림, 가로 스크롤, 겹침이 없는지 확인하고 CSS를 수정합니다.
HTML과 CSS를 설치 없이 실행하고 데스크톱, 태블릿, 모바일 화면에서 레이아웃이 올바르게 바뀌는지 확인하는 방법입니다.