이슈 자유·수다 게시판 글쓰기 게시판 즐겨찾기

반응형웹 코딩시 height:100% 주고싶을때

아직도호구

15.11.26 13:28:07추천 0조회 1,006

css에 html, body{height:100%}

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

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

 

144851207346537.jpg

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

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

 

144851208353357.jpg
 

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

 

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

망태할아버지 15.12.21 11:48:11

음 min-height:100%; 가 맞을 듯 합니다.
높이 100% 설정후 안에 들어가는 컨텐츠의 길이가
모바일 기기 100% 사이즈를 오버 하는 경우
주황색의 배경이 딱 모바일 사이즈의 100% 까지만 나오고 오버하는 사이즈는
주황색의 배경이 안나오게 됩니다.
사진첨부
목록 윗 글 아랫 글
*/?>