WordPressテーマTCDのカスタマイズを研究するサイト

テーブルがスマホで表示崩れするようになった(バージョンアップ後etc)

Q.記事内のテーブルがスマホで表示崩れするようになりました。

テーマのバージョンアップ後、それまで正常に表示されていた記事内のテーブル表が、スマホで表示崩れを起こすようになりました。対応方法があれば教えてください。

A.テーブルのレスポンシブ対応スタイルを削除してみてください。

ソーシャルボタンおよびクイックタグ機能を追加するアップデートの際、テーブルタグをレスポンシブにするためのスタイルを追加いたしました。これが原因となって表示崩れが発生していたものと考えられます。

使用しているするテーブル(表組み)によっては、レスポンシブのための施策は行わない方がスマホ環境において意図したとおりの表示になる場合もあります。

一度レスポンシブにするためのスタイル定義の削除をお試しください。

編集するファイル:style.css

削除する箇所:

/* ----------------------------------------------------------------------
Table responsive - テーブルのレスポンシブ表示
---------------------------------------------------------------------- */
@media only screen and (max-width:480px) {
    tbody tr { display:block; margin-bottom:1em; }
    tbody th, tbody td{ display: list-item; list-style-type:none;
border: none; }
}

↑↑
上記の箇所を削除し、表示崩れが解消するかご確認ください。

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。