사용자 스스로 웹 페이지 글꼴 의 크기 를 제어 하 는 css 쓰기 방법

현재 국내 대부분의 사이트 들 은 CSS 로 글꼴 크기 를 12px 로 설정 하고 있 습 니 다.픽 셀 도 상대 적 인 크기 단위 이지 만 화면 해상도 에 비해 서 만 설정 되 어 있 습 니 다. ,화면 해상도 가 일정 할 때 글자 가 너무 작 아서 읽 기 가 어렵 고 표준 브 라 우 저 가 아 닌 브 라 우 저 에 서 는 어 쩔 수 없습니다.따라서 단 위 를 em 으로 바 꾸 면 CTRL+마우스 로 스크롤 하여 글 자 를 확대 하거나 메뉴 의 보기>텍스트 크기 로 글자 의 크기 를 바 꿀 수 있 습 니 다.어떻게 설정 합 니까?  1.body 탭 에서 글꼴 사 이 즈 를 62.5%로 설정 합 니 다.body 에 CSS 설정 이 없 으 면 브 라 우 저의 기본 크기 는 16px 이 고 62.5%를 설정 하면 글꼴 크기=16px*62.5%=10px 입 니 다.이때 em 으로 편리 하 게 크기 를 설정 할 수 있 습 니 다.예 를 들 어 12px 를 사용 해 야 합 니 다.1.2em 만 설정 하면 됩 니 다.  body{  font-size: 62.5%;  }  h1{  fong-size: 1.4em;/* h1 자의 크기 는 14px 에 해당 한다. */  }  2.body 에서 글꼴 크기 를 75%로 설정 하면 글꼴 크기=16px*75%=12px,1em 은 12px 에 해당 합 니 다.  body{  font-size: 75%;  }  h1{  fong-size: 1.5em;/* h1 자의 크기 는 18px 에 해당 한다. */  }  첫 번 째 방법 이 더 좋다.  영어 사이트 라면 small,x-small 로 설정 할 수도 있 습 니 다.  물론 이렇게 되면 페이지 디자인 에 대한 요구 가 높 아 질 것 이다.

좋은 웹페이지 즐겨찾기