2009-06-07 5 views
1

HTML 요소의 가능한 크기 즉,보기 포트의 크기에 상대적인 H1 태그 (픽셀 단위)를 계산하는 방법이 있습니까?HTML 기본 요소 크기 (HTML 페이지 크기 조절)

페이지 내에서 HTML 페이지를 표시하고 싶습니다. 내용을 적절하게 조정하고 싶습니다. 요소가 px 또는 그와 유사한 높이를 지정하면 필자는 쉽게 스케일을 조정할 수 있지만 높이를 지정하지 않으면 어떻게 진행할 수 있습니까?

제안, 포인터 또는 아이디어 환영합니다. 코드가 PHP 나 Python 또는 C++ 또는 ASP에있는 경우 문제가되지 않습니다. 코드 자체가 아닌 메소드를 찾고 있습니다.

감사

mintydog

답변

2
body { 
    font-size: 62.5%; 
} 

#container { 
    font-size: 1.0em; /* eq to 10px */ 
} 

이어서 폰트 크기 또는 크기/배율 같은 규모에 일어날 소자 :

  • 1.0em = 10px
  • 1.1em = 11px
  • 1.2em = 12 픽셀
  • 2.0em = 20px
  • 5.0em = 50px

다른 div에 요소가있는 경우 동일한 em 구조를 준수하는 한 .5em 또는 그 일부를 사이트의 축소판 버전으로 만들 수 있습니다. 그렇지 않다면 스크린 샷을해야 할 것입니다.

Itay가 언급 한 것처럼 reset.css로 시작한 다음 일관성있게 유지해야합니다. strong, em, headings 등의 태그 스타일을 다시 적용해야하지만 위와 같은 작업을 수행하기 전에 reset.css 파일을 사용할 때 항상 올바른 기반을 갖게됩니다.

1

웹에서 리셋 CSS 파일 중 하나를 가지고 (그래서 모든 요소 크기가 수정할)를 사용합니다.
크기에 EM 또는 백분율을 사용하십시오.