오버플로

Question

http://www.joshuasortino.com/과 같은 웹 사이트를 만들고 싶습니다. 이 최대화 버튼을 클릭하면 사이드 바, 탐색 섹션이 자동으로 오버플로됩니다. 그게 어떻게 가능해? 모든 CSS 트릭이나 js가 필요합니까? 저의 의견을 알려주십시오. JavaScript의 조합 I'ts 감사

Answer 1

및 CSS

jQuery Plugin for test resize

조건부 CSS : 그것은 반응 형 웹 디자인이라고

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/> 
<link rel="stylesheet" href="/public/styles/home.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="/public/styles/home-devices.css" type="text/css" media="screen and (min-device-width: 641px)"/> 
<link rel="stylesheet" href="/public/styles/home-iphone.css" type="text/css" media="screen and (max-device-width: 480px)"/> 

Answer 2

.

@media 쿼리 트릭을 사용하여 사용자 브라우저 너비를 감지하고 너비에 따라 스타일을 변경합니다.

자세한 내용은 여기를 읽어 다른 샘플에 대한 Responsive Design from Official Google Web Master Central

, 당신은 여기에서 볼 수 있습니다 Media Queries