netwareMore

CSS border width 지정 값과 디스플레이 불일치 이유

블로그 웹 페이지의 하나의 요소에 상하 border 값으로 각각 1px로 설정하였습니다.크롬 웹 브라우저를 띄우고 개발자 도구로 확인하니까 위의 캡처 이미지와 같이 0.727픽셀로 표시됩니다.CSS 파일에 "border: 1px"로 지정한 내역이 반영되지 않은 것입니다. 웹 브라우저와 사용하는 기기의 OS 설정 값을 조사하고, 변경하면서 결과를 눈으로 확인하면서 이유를 찾았습니다.일단, 웹 브라우저의 화면 확대 및 축소 그리고 기기의 OS에서 설정하는 글자 크기 설정과 화면 확대 및 축소 기능에 영향을 받는다는 것을 확인하였습니다.1. OS(MS Windows 11)의 시스템 / 디스플레이 설정 값 변경 ① 텍스트 및 기타 항목의 크기 변경② 연결된 디스플레이의 해상도 변경- 기본 값으로 100%와 모니..