브라우저 크기에 따라 텍스트 크기를 설정하는 방법은 무엇입니까?

Question

사이트를 구축 중이며 브라우저 크기에 따라 크기를 조정해야합니다. 기본적으로 3 열의 행이 2 개 있습니다. 왼쪽과 오른쪽 열에는 그림과 가운데 열에 텍스트가 있습니다. 왼쪽과 오른쪽으로 백분율을 지정하고 잘하고 있지만 가운데 열에 동일한 처리 방법을 사용하여 브라우저 크기에 따라 크기를 변경하는 방법 ? 당신은 CSS3를 허용 최신 브라우저를 대상으로하는 경우

Answer 1

브라우저에 따라, 당신은 CSS 미디어 쿼리를 사용할 수 있습니다

<link href="grid-978.css" media="all and (min-width: 1002px) and (max-width: 1247px)" rel="stylesheet"> 

이 코드는 screeen가 크기의 간격 선택한 CSS를로드합니다.

당신은 여기에서 예를 볼 수 있습니다

: http://978.gs/이

그런 다음 당신이 당신이 dispaying하는 뷰포트에 다른 콘텐츠를 적용한다 할 수있다 (이 스크롤을 포함하여 표시하는 페이지를 가지고 유효 화면 크기를 의미)를.