2013-08-21 2 views
1

해상도에 상관없이 실제로 전체 화면에 맞기를 원합니다.body {width : 100 %;}로 본문 CSS를 선언해야합니까?

이렇게하는 것이 좋습니까, 아니면 미디어 쿼리를 통해 모든 해상도에 대해 px을 설정해야합니까?

+2

기본적으로 100 %가됩니다. – melancia

+0

시체는 언제 전체 화면을 차지하지 않습니까? (여백과 여백을 참조하려고합니까? [몸 안의 어린이 컨텐츠를 둘러싼 공백]) –

+0

전체 레이아웃에서 CSS 재설정을 시도 할 때까지는 전체 화면을 차지하는 것처럼 보이지 않았습니다. 이제 그게 맞아 ... doh! –

답변

5

기본적으로 body 요소가 전체 화면을 채울 것이므로 CSS를 추가 할 필요가 없습니다.

display: block 인 요소 (기본값은 body)는 사용 가능한 너비를 채 웁니다.

+0

그래서 'width : 100 %'를 실제로 선언하는 데 특별한 이점이 없다고 말합니까? –

+0

@RenoYeo 중복 된 부서 중복에 대비 한 이중화의 일부가되었습니다. – Michael

+0

아니요, 너비를 추가해도 별다른 이점이 없습니다 (100 %). –

0

아니요, 아니요, 본문의 너비를 설정하기 위해 미디어 쿼리를 사용해서는 안됩니다. body 요소는 브라우저의 뷰포트에서 너비를 상속받습니다. 따라서 너비를 설정하는 것으로 충분합니다 : 100 % 및 본문의 너비는 항상 브라우저의 뷰포트 크기와 같습니다. 나는. 관심있는 너비

+0

* 따라서 너비 : 100 % *를 설정하면 충분합니다. 이를 중복이라고도합니다. – melancia

관련 문제