브라우저 크기가 조정될 때 동적 크기 조정을 수행하는 방법은 무엇입니까?

Question

두 개의 div가있는 머리글 배너가 있고 브라우저의 크기가 조정될 때 두 번째 div가 두 번째 줄로 이동하지 못하도록 분폭을 770px로 설정합니다.

<div style="min-width:700px;"> 
    <div style="float:left;">Content1</div> 
    <div style="float:right;">Content2</div> 
</div> 

여백을 설정하려면 여백을 margin:30px 10% 0 10%;으로 설정했습니다.

그러나 내 문제는 브라우저의 크기가 가까워지고 왼쪽의 여백이 여전히 10 %이고 여백이 감소하지 않는 경우입니다. 브라우저가 770px가 될 때까지 줄어들지 만 그 요소가 move.If가 아니라면 두 번째 div가 두 번째 줄로가는 최소 너비를 줄입니다.

이 기능을 구현하는 방법. 도움이 필요합니다 .Jquery, Javascript anything?

Answer 1

Twitter-Bootstrap을 사용하는 것을 고려해보십시오. FluidGridSystem은 동적으로 페이지 크기를 조정하는 데 적합합니다.