CSS에서 colspan?

Question

나는이에서 테이블을 다시 구성하는 것을 시도하고있다 :

이에 :

에만 CSS를 사용하여. 이유는 바탕 화면에 스마트 폰 화면보다 훨씬 많은 공간이 있다는 것입니다. 따라서 더 작은 해상도로 표 셀을 서로 아래에 표시하고 싶습니다.

나는 HTML 파일에서 colspan 및 rowspan 속성을 가져 와서 CSS 스타일 시트에 넣으려고했지만 작동하지 않는 것 같습니다.

CSS만으로이 작업을 수행 할 수 있습니까?

Answer 1

작은 화면에는 미디어 쿼리를 사용하고 모든 행에는 display:block을 사용하십시오.