본문 바로가기 메뉴 바로가기

아이티안 | 전자계산기부터 ICT까지

ITan.tistory.com  -  태그 |  방명록 |  RSS

검색하기 폼
  • 분류 전체보기 (179)
    • 정보처리기사 필기 (66)
    • 각종 자격증 자료 (34)
    • HTML (10)
    • 리눅스 (8)
    • 포트란 (2)
    • 포토샵 (0)
    • SW Test | 기획 | 개발 (17)
    • 블로그운영 (2)
    • IT제품 (15)
    • 바리스타 (20)
    • 잡동사니 (5)
  • 방명록

개발자 도구 (1)
크롬 개발자 도구 활용하기 - 단말기별 테스트, CSS

블로그의 스킨을 설정하고 자기 취향에 맞게 수정하는 경우 종종 있을텐데요. 크롬 브라우저의 개발자도구 메뉴에서 이런 직업에 활용해 볼 수 있는 기능이 있어 소개하고자 합니다. 1. 다양한 단말기 스크린 크기 확인 내가 설정해 놓은 스킨이 어떻게 보여지는지, 다양한 단말기에서 의도한 대로 잘 보여지는지 확인할 수 있습니다. (1) 먼저 크롬 브라우저를 실행하여 개발자도구(F12) 메뉴를 실행합니다. 오른쪽 상단 메뉴 > 도구 더보기 > 개발자도구 로 진입해서 클릭해도 됩니다. (2) 좌측에 나타나는 개발자 도구 메뉴에서 상단에 있는 Toggle Device Toolbar 아이콘을 클릭합니다. (3) 그러면 상단에 Dimensions: 라는 문구 옆을 클릭하면 테스트할 기기를 선택할 수 있는 리스트가 나타납..

SW Test | 기획 | 개발 2023. 1. 18. 20:45
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바