모바일 장치가 반응형 레이아웃 카드를 올바르게 표시하지 않습니다.

Question

설명

웹페이지를 만들 때 모바일 버전을 사용해보기 전까지는 Chrome DevTools에서 모든 것이 예상대로 작동했습니다. 왜 이런 일이 발생합니까? 그런 문제가 발생하지 않았습니다.

재현 단계

데스크톱 버전에서는 이런 일이 발생합니다.

폭을 줄인 후:

이것은 예상된 것입니다. 모바일 버전을 활성화했는데 갑자기 사용할 수 없게 되었습니다:

flex + flex-wrap + flex-direction 或使用 grid + grid-template-columns: Repeat(auto-fit, minmax(250px, 1fr)); 的 .cards클래스를 사용해도 모바일 기기에서는 작동하지 않습니다.

환경

제가 사용한 코드는 다음과 같습니다.

으아아아 으아아아 으아아아

저는 이런 일이 한번도 일어나지 않아서 어디서부터 시작해야할지 모르겠습니다. 이것이 CSS 때문이라는 것을 알고 있지만 어떤 팁이라도 좋을 것입니다.

감사합니다!

Answer 1

추가해 보세요

당신의 머리 태그에.