javascript - 웹 레이아웃에 대해 질문하시나요?

Question

페이지에 대해 설명하세요. {code...} 한 가지 방법은 음수 여백과 양수 패딩 아래쪽을 사용하는 것이지만 충분히 유연하지 않은 것 같습니다. 좋은 구현 방법이 있습니까? 내 대답은 다음과 같습니다. 순수 CSS는 주로 모바일 단말기에서 사용하기 때문에 호환되어야 합니다...

淡淡烟草味 · Answer

이런 것은 아이디어에 있습니다:

으아아아

렌더링:

大家讲道理 · Answer

이전 IE와의 호환성을 고려하지 않습니다.
flex 레이아웃 + 래퍼 최소 높이는 뷰포트/창 높이입니다.

기존 IE와 호환하려면:

(자바스크립트)
고정 크기 CSS 트릭.

漂亮男人 · Answer

설정 min-height 属性，让其有一个最小高度，其值可以是固定的（如：1280px），亦可以通过 js 来动态设置（如：$('.content').css('min-height', window.innerHeight))을 콘텐츠 영역으로 설정하면 콘텐츠가 적을 때 콘텐츠 영역이 전체 창을 채우고 footer 구조가 화면 외부에 표시됩니다(하단, 스크롤 표시

).

javascript - 웹 레이아웃에 대해 질문하시나요?

모든 응답(3)나는 대답할 것이다