0
레이아웃에 CSS 격자를 사용하고 있으며 Chrome 및 Firefox에서이를 테스트하면 모든 것이 효과적입니다. 4 열 레이아웃을 모두 행 및 열 간격, 어떤 미디어 쿼리 중단 점에서 2 열 및 나중에 1 열로 바뀝니다. 이것은 매력처럼 작동합니다. 내 휴대 전화에서 내 페이지를 테스트 해 보았는데 모든 것이 제대로 작동하지 않는 것 같습니다. 그리드 갭은 완전히 무시되고 틈이 없습니다. 그런 다음 Edge에서 내 페이지를 테스트 해 보았습니다. 여기서는 단일 그리드 속성이 작동하지 않는 것 같습니다. 그것의 기본적인 배치조차조차. 이게 왜 어떤 아이디어일까요? 이 시점에서 그리드가 완벽하게 지원되는 줄 알았습니까?CSS 격자가 모바일에서 작동하지 않습니다.
CSS 그리드 지원은 최신 브라우저 버전 (http://caniuse.com/#feat=css-grid)에서만 사용 가능합니다. 사용중인 전화/브라우저에 따라 아직 그리드를 지원하지 않을 수도 있습니다 또는 벤더 접두사 (-ms, -webkit, -moz)를 추가하지 않는 경우. –