탭 크기를 브라우저 창 크기로 조정하는 방법은 무엇입니까?

Question

코드 : http://codepen.io/anon/pen/Dyjwi/

브라우저 창의 크기가 조정될 때 탭 영역의 크기를 조정하려면 어떻게해야합니까? 또한 탭 크기가 변경되면 텍스트의 크기를 조정하고 싶습니다. 감사! 당신의 CSS에서

Answer 1

당신이 지정됩니다

탭으로 컨텐츠의 부모로서, 또한 컨텐츠의 폭이되고,

#page-wrap { 
    width: 960px; 
    margin: 100px auto; 
} 

.

#page-wrap { 
    width: 60%; 
    margin: 100px auto; 
} 

당신은 또한의 확장을 제한 할 max-width 속성을 사용할 수있는 것 : 당신은 창 크기를 조정하는 내용의 폭을 원하는 경우 , 나는 창 너비의 일부 비율에 너비를 변경할 것 함유량.

나는 CodePen의 업데이트 된 버전을 만들었습니다.