설명

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

재현 단계

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

폭을 줄인 후:

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

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

환경

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

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

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

감사합니다!