私はモバイル向けに、より狭いブラウザで特定のCSSを読み込むためにメディアクエリを使ってサイトを最適化するように任命されました。私はちょうどしかし、サイトが適切なCSSではないテーブルで構築されていることに気づいた。私はテーブルを使ってサイトを構築するのがひどいアイデアだという理由をすべて知っていますが、CSSを使ってテーブルを単一の列レイアウトに分割することができますか？モバイルテーブルベースのウェブサイトを最適化しますか？
これは難しい作業です。
対象のモバイルブラウザに応じて、使用するマークアップに応じて（他のテーブルはありますか？正しいレイアウトテーブルを簡単にターゲティングできますか？など）、 TDのレイアウトをブロックして、テーブルの制約から解放することができます。
以下のスニペットのようなCSSは、現代のモバイルブラウザではすべきことですが、他の表に影響を与えないように、できるだけ具体的な要素を対象にすることを検討する必要があります。
table, tr, td {
display: block;
}
ブロックするようにテーブル要素を設定したら、モバイルレイアウトに必要に応じてスタイルと位置を設定することができます。