2016-11-16 1 views
0

누구든지 내가 뭘 잘못하고 있는지 알아낼 수 있습니까? 문제가있는 웹 사이트를 보려면 링크를 클릭하십시오. - click here반응 형 div 높이 - 부트 스트랩

높이가 녹색 인 상자를 만들 수 없습니다. 높이가 같지만 너비는 배율 조정입니다. 녹색 상자가 동시에 높이와 너비로 크기가 조정되어 화면에 맞도록 크기를 조정하려고합니다.

아무런 도움이되지 않을 수도 있습니다.

고맙습니다.

+0

를 조회합니다. 응답하는대로 장치에서 페이지를 보았습니다. –

+0

안녕하세요 Nitesh, 답장을 보내 주셔서 감사합니다. 모바일이나 태블릿에서 열면 반응이 좋습니다. 그러나 클라이언트가 원하는 것은 다른 랩톱/데스크톱 화면에서 열 때 전체 연락처 양식을 보려면 아래로 스크롤하지 않아도되며 위치는 '고정'되고 녹색 상자는 화면에 맞게 화면 크기가 조정됩니다 (그 경우 어떤 의미입니까?) 지금 당장 연락 양식을 사용하여 녹색 상자를 볼 수 있으려면 조금 아래로 스크롤해야합니다. –

+0

죄송 합니다만 문의 양식을보기 위해 아래로 스크롤하지 않아도됩니다. 그러나 페이지 상단에있는 패딩 140 픽셀을 최소화 할 수 있습니다. –

답변

0

높이를 auto/100 %로 설정할 수 있습니다.

또는

은 당신이 찾고있는 것을하지 않을 수 있습니다 그러나 나는 비슷한 문제를 가지고 있었고, 미디어 쿼리는 내가 그것을 해결할 수있었습니다.

최소 너비를 설정하고 div의 높이를 설정하는 것에 따라 너비를 설정합니다. 당신은 미디어 W3 스쿨을 참조 할 수 있습니다

@media only screen and (min-width: 768px) { 
     .loginbox 
     { 
      height: 120px;/height: 50%; 
     } 
    } 

는 높이 또한 화면의 폭에 따라 조정지고

Media Queries