2013-02-13 4 views
0

Im 현재 현재 맞춤 캘린더에서 작업하고 있으며 현재의 화면 크기에 더 잘 맞도록 Google 캘린더의 크기가 조정되는 것과 매우 흡사합니다. Ive는 Google을 통해 살펴 봤지만 어떻게 찾을 수 없는지 보여줍니다. 해. 그들은 페이지 전체 또는 테이블 div의 크기를 조정합니까? 그리고 거기에 순수한 CSS로 이것을 달성하는 방법이 무엇입니까? 당신이 자바 스크립트 및/또는 jquery와 해상도를 계산할 수 있고 그로부터 CSS를 다시 할 수 있다는 인상하에 Im,하지만 좋은 오래된 CSS로 가능하면 더 좋습니다. 이것은 그 중 하나가 아닙니다. 제임스 TE 코드 게시물. 그러나이 기능의 배후에있는 메커니즘에 대한 좋은 설명은 저보다 더 많은 혜택을 얻을 것입니다.테이블의 윈도우 크기 조정

답변

1

나에게 순수 CSS는 이것을 달성하는 가장 쉬운 방법입니다. Media Queries과 유체 페이지 레이아웃을 살펴 봐야합니다. 이 값은 responsive web design에서 브라우저 창의 크기에 따라 페이지의 레이아웃을 변경하는 데 사용됩니다.

Google 캘린더가 단순히 캘린더의 각 열의 너비를 변경한다는 것을 알기에 너무 어렵지는 않습니다.

유동적 인 레이아웃과 함께 미디어 쿼리를 사용하여 내 생각에이를 달성 할 수 있습니다. Google보다 작은 창 크기를 사용하면 Google 캘린더가 너무 잘 작동하지 않을 수 있으므로 Google보다 우수한 결과를 얻을 수도 있습니다.

희망이 도움이 :) 증명

+0

내가 각각의 모든 해결을위한 스타일 시트, 또는 스타일의 호출을 필요로한다는 것을 의미 본질적 것 미디어 쿼리를 사용하십니까? – Nick

+0

미디어 쿼리의 요점은 달력의 너비를 변경하는 것이 아니라 작은 해상도의 레이아웃을 변경하여 작은 브라우저에 더 적합한 레이아웃을 제공하는 것입니다. Google 캘린더에서 창 크기를 아주 작게 조정하면 각 날짜 상자의 크기가 매우 작아집니다. 전체 창을 가로 지르는 레이아웃을 변경하고 전체 월을 작은 너비로 스쿼시하려고하는 미디어 쿼리를 사용할 수 있습니다 모든 날을 서로 아래에 쌓아 올려서 전체 폭을 차지하게하는 것입니다. 기본 사용을 위해서는 유체 배치만으로도 충분합니다. – DuncanLewis

관련 문제