본문 바로가기
html

화면 px 확인할 때 유용한 크롬 확장프로그램 (퍼블리셔 추천)

by 알찬 퍼블리셔 2022. 8. 31.
728x90
반응형

화면 크기 / 간격 확인할 때 유용

 

 

https://chrome.google.com/webstore/detail/designer-tools/jiiidpmjdakhbgkbdchmhmnfbdebfnhp

 

 

Designer Tools

Measure and align elements within Chrome

chrome.google.com

 

확장프로그램 켜서 마우스를 따라 파란선이 생기며 해당영역 근처의 px 을 확인

 

 

 

https://chrome.google.com/webstore/detail/page-ruler/jcbmcnpepaddcedmjdcmhbekjhbfnlff

 

 

Page Ruler

Measure page elements size in pixel with an easy-to-use ruler.

chrome.google.com

 

 

확장프로그램 켠 후 드래그를 통해 사각형을 만들어 해당 영역 가로/세로 길이, 포지션위치 확인

728x90
반응형

'html' 카테고리의 다른 글

UI 용어 정리  (411) 2022.09.02
반응형 이미지 태그 <picture>  (421) 2022.08.25
dl로 테이블 만들때 colspan 써야할 경우  (264) 2022.08.22
자주 쓰는 아이콘 폰트로 만들어 쓰기  (386) 2022.08.09
<button> 태그 클릭시 새로고침 방지  (417) 2022.08.08

댓글