브라우저의 본문/문서 높이가 최대입니까?

제 질문은 HTML 페이지의 높이와 관련하여 누군가가 제한을 두려워하는 경우입니다.브라우저의 본문/문서 높이가 최대입니까?

브라우저 특정 (특히 IE7)이거나 클라이언트 특정 (메모리 등)이거나 다른 것일 수 있습니다.

모든 링크 또는 경험을 환영합니다.

2012-06-04 Zhonk

Stackoverflow는 프로그래밍에 대한 것이므로이 질문은 (정말로이 질문입니까?) 여기 있으면 안됩니다. 어쨌든, 내가 아는 바로는 HTML 페이지의 높이에 대한 제한이 없습니다. 그러나 매우 높은 페이지를 갖는 것이 좋은 습관이고 좋은 사용자 경험을 제공하는지 스스로에게 알아봐야합니다. – Cthulhu

@Cthulhu, 이것은 수십억 픽셀의 픽셀을 갖는 것이 끔찍한 아이디어 일지라도 완벽하게 유효한 질문입니다. – josh3736

신체에 대한 물리적 한계가 32767 픽셀 인 구형 Netscapes를 기억하고 있습니다. 그래도 그걸 뒷받침하는 링크를 찾지 못하는 것 같습니다. –

예 페이지의 높이에 기술적 한계가 있습니다. 실제 한계 인 –도 실제로는 아무도 실제로 수십억 픽셀의 페이지를 사용할 수 없으며 페이지가 그렇게 높으면 거의 틀린 작업을 수행하고있는 것입니다.)

그런데 실제로 실제로는 두 가지가 있습니다. 고려해야 할 제한 사항 : CSS에서 지정할 수있는 요소의 최대 높이 및 최대 전체 높이

둘 다 브라우저마다 다릅니다.

SlickGrid은 가상 스크롤을 처리하므로 요소의 최대 높이를 알아야합니다. the code it uses to detect this is here. 나는 Fiddle에 넣어 : (이들은 대략)

크롬 : 512000000
파이어 폭스 : 6,000,000
IE8-9 : 1,000,000
IE6-7가 : 128,000,000 (예, 더

최대 전체 높이를 테스트하기 위해 I w 페이지를 채우는 함께 this test 넣어보다 최신들) ith 11,000 <div> s 높이 99,999px, 총 높이는 ~ 11 억 픽셀입니다.

크롬의 구슬이 약 1.08bn px, 어딘가의 북쪽이 5bn px로 줄어들면 스크롤 막대가 완전히 사라집니다.
Firefox의 스크롤바가 약 107,398,926 픽셀로 사라집니다.
<div>의 IE 위치가 잘못되어 크기가 잘못되었습니다.

출처

2012-06-04 16:38:00 josh3736

Chrome 53.0.2785.116 m에서 피들 테스트를 실행 중입니다. xx 픽셀을 약 16m px로 렌더링하고 스크롤바는 33m px까지만 렌더링합니다. 나는 10 억 px 근처에 아무데도 가지 못한다. 나는 잘못된 것을하고 있는가, 아니면 새로운 버전의 크롬을 제한하고 있는가? – luanped

IE7에서 IE의 독점적 인 CSS filter:은 4096 픽셀로 제한됩니다. 따라서 반투명 오버레이 (또는 filter:을 사용하는 다른 요소)가있는 큰 페이지가있는 경우 해당 오버레이는 최대 4096 픽셀까지만 확장됩니다.

출처

2012-06-04 15:33:30

브라우저의 본문/문서 높이가 최대입니까?

답변

관련 문제