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

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

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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

티스토리툴바