테스트 사이트 - 개발 중인 베타 버전입니다
SIR

반응형 코딩할때 height:100% 에 관해서...

ABC디자인
프로필 보기이 회원 글보기
 · 9년 전 · 12945 · 3

경험으로는

 

css에 html, body{height:100%}

를 주면 body 바로 하위애들은 height:100% 주면 그 디바이스에 딱 맞는

height를 가지는걸 확인 해보았습니다.

 


위에 이미지는 div{background:#f60; height:100%;}

를 줬을때 height가 꽉차지 않아요.

 


 

html, body{height:100%;} 을 주니까 꽉찾네요.

 

많이들 알테지만 그래도 혹시나 모를수도 있으니깐...

 

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

허정권
프로필 보기이 회원 글보기
 9년 전
오오 이거슨!! 감사합니다.!!
kiplayer
프로필 보기이 회원 글보기
 9년 전
추가
div 의 height:100%가 안되는것이 아닙니다.
position 의 문제로 position:absolute; 를 하시면 100%로 됩니다.
lavyn뽑덕후
프로필 보기이 회원 글보기
 7년 전
감사합니다

게시글 목록

번호 제목
3293
기타 W3.CSS 테두리
3292
기타 W3.CSS 패널 표시 (열기)
3291
기타 W3.CSS 패널 숨기기 (닫기)
3290
기타 W3.CSS 둥근 패널
3289
기타 W3.CSS Panels as Cards
3288
기타 W3.CSS Panels for Alerts
3286
CSS W3.CSS Panels for Quotes
3285
CSS W3.CSS Panels for Notes
3284
CSS W3.CSS 패널
3282
기타 W3.CSS 테이블
3281
기타 W3.CSS 경고
3280
기타 W3.CSS 컨테이너
3279
기타 SVG <rect> 예제
3278
기타 SVG <rect>
3277
기타 HTML의 SVG
3276
CSS 반응 형 웹 디자인 - 비디오 : width, max-width 속성 사용
3275
CSS 반응이 빠른 웹 디자인 - 배경 이미지 1
3274
CSS 반응이 빠른 웹 디자인 - 이미지
3273
CSS 반응형 미디어쿼리
3272
HTML JS & HTML 코드 한줄로 만드는 사이트
3271
웹접근성 로그인 자동완성 제외~
3270
CSS 반응 형 웹 디자인 - 미디어 쿼리
3269
CSS 반응 형 웹 디자인 - 그리드 뷰
3268
CSS 반응 이 빠른 웹 디자인 - 뷰포트
3267
반응형 반응 형 웹 디자인이란 무엇입니까?
3266
CSS CSS3 미디어 쿼리 - 추가 예제
3265
CSS CSS3 미디어 쿼리
3263
HTML 유튜브 댓글 입력 스타일
3262
HTML HTML & CSS 코드 정리해 주는 사이트
3261
CSS 플렉스 항목 속성
이전 다음
전체 목록