모바일에서 이벤트 관리자 테이블을 wordpress로 응답하게하는 방법은 무엇입니까? 미디어 쿼리 사용?

Question

저는 초보자이며, Wordpress 연습 문제를보다 정확하게 이벤트 관리자 테이블에서 작업하고 있습니다.

컴퓨터에서보기는 좋지만 모바일 버전에서는 내 테이블이 잘 맞지 않아 모바일 화면에서 나옵니다. 나는 그것을 더 심미적으로 만들기 위해 테이블을 조정하고 싶습니다. 문제를 해결할 수있는 플러그인이 있지만 미디어 쿼리를 사용하도록 요청되었습니다. (내 사이트 : http://quentin-civiale.fr/activites-du-mois/)

도와 줄 해결책이 있습니까?

PS : 내 영어 죄송합니다 내가

Answer 1

W3school는 미디어 쿼리의 좋은 기본적인 이해를 제공 ;-) 프랑스어입니다.

@media를 사용하여 부모 클래스 또는 ID의 너비를 100 %로 지정해보십시오. 당신의 도움에 대한

@media screen and (max-device-width: 980px) 
    { 
     th 
      {display: none;} 
     tr 
      {display: flex; flex-direction: column;} 
     td 
      {display: flex; flex-direction: column;} 

    } 

감사 :

@media only screen and (max-width: 500px) { 
body { 
    width: 100%; 
} 

Answer 2

는 나는이 코드 문제를 해결!