tableでスマホでは縦に要素を並べ、パソコンでは表の表示にするCSS

table要素で縦に要素を並べる時はthとtdをdisplay: blockに。

表に戻す時はdisplay: table-cellにする。

th, td {
  display: block;
}

@media-(min-width: 768px) {

  th,td {
    display: table-cell;
  }
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です