font-size를 페이지 너비의 백분율로 설정할 수 있습니까?

Question

모바일 사이트를 만들고 있는데, 그렇게하기 위해 제목 h1 태그가 화면 크기의 80 %로 조정됩니다.

Answer 1

CSS Values and Units Module Level 3 (후보 권장 사항)에 따르면 vh 단위를 사용할 수 있습니다.이 값은 초기 포함 블록의 너비의 1 %와 같습니다. 예를 들어 font-size: 5vh은 글꼴 크기를 본문 너비의 5 %로 설정합니다. Browser support은 최신 버전에서 상당히 양호하지만 예 : IE 8. 제목의 질문에 다소 차이가 있습니다.

질문의 본문에있는 설명은 다소 다른 것입니다. 글꼴 크기는 글꼴의 높이이며 글자의 너비와 정의 된 관계가 없으므로 CSS에서 일부 텍스트가 너비의 80 %를 차지하게하는 방법이 없습니다. 물론 h1 요소의 너비를 설정할 수 있지만 텍스트 내용의 너비를 설정하는 것과는 매우 다릅니다. 텍스트 너비를 설정하려면 JavaScript가 필요합니다.

Answer 2

글꼴 크기는 예를 글꼴 크기 글꼴 크기 을위한 EM 및 PX 확장을 사용할 수 비율 (%)로 사용 수 없습니다 : 2 EM;

또는 font-size : 10px;