간단한 모바일 홈페이지 만들고 있는데 질문이 있습니다. 반응형으로 높이는 어떻게 줄이나요?
Addictive
아래는 제가 짠 부트스트랩 코드입니다.브라우저로 줄이면 너비는 반응형으로 움직이는데 높이는 그에 맞게 비율유지하면서 줄이는 방법 좀 가르쳐주세요.
html head titletemplate-1/title meta charset=utf-8 / meta http-equiv=X-UA-Compatible content=IE=edge / meta anme=viewport content=width=device-width, user-scalable=no, initial-scale=0.7 maximum-scale=0.7, minimum-scale=0.7 / link rel=stylesheet media=screen type=text/css href=./style/bootstrap.min.css / style typetext/css /*h6 { font-size: 11px; }*/ /style /head body div class=container div class=row style=height: 150px; position: relative; img class=img-responsive src=http://www.jasper-group.com/blog/wp-content/uploads/2014/09/hotels.jpg style=width: 100%; height: 100%; alt= / div style=position: absolute; right: 30px; top: 28%; a href= img class=img-responsive src=images/phone.png alt=전화걸기 버튼 /a /div /div div class=row style=min-height: 400px; img class=img-responsive src=http://media-cdn.tripadvisor.com/media/photo-s/03/2e/2f/d6/gino-s-pizza.jpg alt= style=width: 100%; height: 100%;/ /div div class=row div class=col-xs-3 col-sm-3 col-md-3 style=padding: 0; cursor: pointer; div class=thumbnail img src=images/home.png alt= style=width: 50px; height: 50px; div class=caption style=text-align: center; h6홈/h6 /div /div /div div class=col-xs-3 col-sm-3 col-md-3 style=padding: 0; cursor: pointer; div class=thumbnail img src=images/store.png alt= style=width: 50px; height: 50px; div class=caption style=text-align: center; h6점포소개/h6 /div /div /div div class=col-xs-3 col-sm-3 col-md-3 style=padding: 0; cursor: pointer; div class=thumbnail img src=images/menu.png alt= style=width: 50px; height: 50px; div class=caption style=text-align: center; h6메뉴보기/h6 /div /div /div div class=col-xs-3 col-sm-3 col-md-3 style=padding: 0; cursor: pointer; div class=thumbnailm_Main img src=images/pin.png alt= style=width: 50px; height: 50px; div class=caption style=text-align: center; h6오시는길/h6 /div /div /div /div div class=row div class=well style=text-align: center; pCopyrightⓒ/p spanTel: ,/span spanAddress: /span /div /div /div script type=text/javascript src=./script/jquery.min.js/script script type=text/javascript src=./script/bootstrap.min.js/script script type=text/javascript src=./script/respond.js/script /body/html
