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

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

검색하기 폼
  • 분류 전체보기 (304)
    • React (40)
    • Vue (22)
    • Javascript (55)
    • Typescript (11)
    • 개념 (84)
      • 2025 학습 (21)
    • HTML (24)
    • Wordpress (10)
    • 아티클 (45)
    • ---------------------------.. (6)
      • 삶, 리뷰 (6)
  • 방명록

크롬개발자도구 (1)
크롬 브라우저 개발자 도구 - Device Mode

개발자도구여는 법 - Ctrl+Shift+I - 마우스 우 클릭 > 리스트에서 '검사' 클릭 Device Mode'디바이스 아이콘' 클릭하면 Device Mode 접근 가능 디바이스 사용자 추가 방법은Responsive옆에 '▼' 클릭 한 후 나오는 리스트에서 'Edit..' 클릭 여기에서 디바이스 추가 및 커스텀이 가능하다. Add custom device... 클릭해서 수치 넣고 Add 리스트에서 확인 가능! 저 막대기 바를 눌러서 크기 변경 가능 옵션 아이콘을 눌러서 Show media queries 누르면사용된 미디어 쿼리가 확인 가능. 마우스 올려두면 확인가능하지만파란색이 max-width 고 주황색이 min-width 옵션에서 show rulers누르면 이렇게 설정됩니다. 그리구 capture..

개념 2018. 8. 26. 18:21
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.