매크로 및 마이크로 레이아웃 - 브라우저에서 디자인하기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이번 '브라우저에서 설계하기' 에피소드에서는 컨테이너 쿼리 에피소드에서 소개한 몇 가지 개념을 자세히 살펴보고, 컨테이너 쿼리를 사용하는 방법을 넘어 언제 컨테이너를 사용해야 할지에 관한 문제까지 확장해 나갈 것입니다.
- 컨테이너 쿼리 Polyfill → https://goo.gle/3Gn9UUO
- MDN의 CSS 컨테이너 쿼리 → https://goo.gle/3ogyirp
- Calendar 데모 → https://goo.gle/3GogISp
- 팟캐스트 카드 데모 → https://goo.gle/2ZRxdGY
- 아기 옷 데모 → https://goo.gle/3GdVYwB
- 간소화된 컨테이너 쿼리 데모 → https://goo.gle/3lxbb3P
- 컨테이너 쿼리 사양 → https://goo.gle/3ok42pw
'브라우저에서 디자인하기'에서 더 많은 동영상을 확인해 보세요. → https://goo.gle/dib-chrome
Chrome 개발자 구독 → https://goo.gle/ChromeDevs
arrow_back 모든 에피소드로 돌아가기
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2021-12-07(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2021-12-07(UTC)"],[],[]]