Im 현재 현재 맞춤 캘린더에서 작업하고 있으며 현재의 화면 크기에 더 잘 맞도록 Google 캘린더의 크기가 조정되는 것과 매우 흡사합니다. Ive는 Google을 통해 살펴 봤지만 어떻게 찾을 수 없는지 보여줍니다. 해. 그들은 페이지 전체 또는 테이블 div의 크기를 조정합니까? 그리고 거기에 순수한 CSS로 이것을 달성하는 방법이 무엇입니까? 당신이 자바 스크립트 및/또는 jquery와 해상도를 계산할 수 있고 그로부터 CSS를 다시 할 수 있다는 인상하에 Im,하지만 좋은 오래된 CSS로 가능하면 더 좋습니다. 이것은 그 중 하나가 아닙니다. 제임스 TE 코드 게시물. 그러나이 기능의 배후에있는 메커니즘에 대한 좋은 설명은 저보다 더 많은 혜택을 얻을 것입니다.테이블의 윈도우 크기 조정
0
A
답변
1
나에게 순수 CSS는 이것을 달성하는 가장 쉬운 방법입니다. Media Queries과 유체 페이지 레이아웃을 살펴 봐야합니다. 이 값은 responsive web design에서 브라우저 창의 크기에 따라 페이지의 레이아웃을 변경하는 데 사용됩니다.
Google 캘린더가 단순히 캘린더의 각 열의 너비를 변경한다는 것을 알기에 너무 어렵지는 않습니다.
유동적 인 레이아웃과 함께 미디어 쿼리를 사용하여 내 생각에이를 달성 할 수 있습니다. Google보다 작은 창 크기를 사용하면 Google 캘린더가 너무 잘 작동하지 않을 수 있으므로 Google보다 우수한 결과를 얻을 수도 있습니다.
희망이 도움이 :) 증명
관련 문제
- 1. 윈도우 크기 조정 요소 크기 조정 jquery
- 2. 네이티브 윈도우 크기 조정
- 3. 윈도우 크기 조정
- 4. 윈도우 크기 조정 중단보기
- 5. wxPython 윈도우 크기 조정
- 6. PDE 처리에서 윈도우 크기 조정
- 7. jQuery 윈도우 크기 조정 객체
- 8. python win32com.client 윈도우 크기 조정
- 9. jquery로 윈도우 크기 조정 상자
- 10. Wpf 윈도우 크기 조정 객체
- 11. 윈도우 창에서 파이롯트 크기 조정
- 12. NSOpenGLView 윈도우 크기 조정에서 크기 조정
- 13. 윈도우 크기 재조정 후 크기 조정 컴포넌트
- 14. Div 테이블의 열 크기 조정
- 15. 테이블의 높이를 동적으로 크기 조정
- 16. WPF 리본 윈도우 - 크기 조정 스타일 없음
- 17. DirectShow EVR 윈도우 크기 조정 문제
- 18. 윈도우 크기 조정 가능 여부 찾기
- 19. 바닐라 Javascript 윈도우 크기 조정 요소
- 20. jquery UI : 윈도우 크기 조정 가능
- 21. 브라우저에서 CSS 윈도우 크기 조정 높이
- 22. GTK # 윈도우 크기 조정 불가능한 버그
- 23. 윈도우 크기 조정 후 그리기 여백 유지
- 24. 윈도우 크기 조정 및 최소 여백 설정
- 25. JQuery - Firefox에서 작동하지 않는 윈도우 크기 조정
- 26. vim에서 "윈도우 크기 조정"명령을 어떻게 반복합니까?
- 27. jQuery wResize - IE 윈도우 크기 조정
- 28. Cakephp 새 윈도우 크기 조정 링크
- 29. Wicket AutoCompleteTextField 모달 윈도우 문제 크기 조정
- 30. 해상도에 따라 크기 조정 윈도우 폼을 방지합니다.
내가 각각의 모든 해결을위한 스타일 시트, 또는 스타일의 호출을 필요로한다는 것을 의미 본질적 것 미디어 쿼리를 사용하십니까? – Nick
미디어 쿼리의 요점은 달력의 너비를 변경하는 것이 아니라 작은 해상도의 레이아웃을 변경하여 작은 브라우저에 더 적합한 레이아웃을 제공하는 것입니다. Google 캘린더에서 창 크기를 아주 작게 조정하면 각 날짜 상자의 크기가 매우 작아집니다. 전체 창을 가로 지르는 레이아웃을 변경하고 전체 월을 작은 너비로 스쿼시하려고하는 미디어 쿼리를 사용할 수 있습니다 모든 날을 서로 아래에 쌓아 올려서 전체 폭을 차지하게하는 것입니다. 기본 사용을 위해서는 유체 배치만으로도 충분합니다. – DuncanLewis