【word press】テーブルの表示サイズをレスポンシブしたい。
word press初心者です。
固定ページでテーブルを作成しました。
pcでは幅50%、スマホでは幅100%で表示したいです。
(テーブル作成プラグインはできれば使用しない)
テーブルの「セルのプロパティ」→「一般」→「幅」でPXや%指定をできることは理解済みですが、このやり方ではpcとスマホで表示サイズは同じになってしまします。
テーブルをidやclassでくくって、カスタムCSSでスマホで表示するwidthを指定すればよいでしょうか?
カスタムCSSを下記のようにする場合、個ページのHTMLではどのように記述すればよいでしょうか?
@media screen and (max-width: 640px) {
.table1 {
width: 100%;}
}
これよりも簡単な方法がありましたら教えていただきたいです。
どなたか知恵をお貸しください。
どうぞ宜しくお願い致します。
回答2件
あなたの回答
tips
プレビュー