반응형 개발자 모드 눈금자1 개발자 도구 : 눈금자 설정하기 HTML 파일을 만들다 보면 포토샵이나 일러스트처럼 눈금자가 있지않아서 레이아웃이 정확하게 되어있는지 확인이 어려울 때가 있다. 그럴 때 상태창에 눈금자가 보이면 좋겠다는 생각을 한적이있다. 웹 개발자 모드에서 눈금자 설정하는 방법을 알아보자. 1. "F12" 를 클릭하여 개발자 모드 진입. 2.우측 상단의 톱니바퀴 "설정" 클릭. 3.설정에서 환경설정 클릭. 후 아래로 스크롤. 4."요소" 에서 "마우스를 가져가면 눈금자 표시"를 파란색 체크 표시로 클릭한다. 아래와 같이 "ctrl + shift + c"를 눌러서 개발자모드로 진입하여 마우스를 올려보면 눈금자와 가이드 라인이 생긴 것을 볼 수 있다. 2023. 8. 18. 이전 1 다음 반응형