連休中に、ウェッブサイトを見直している。
ポイントは2つだ。
1)WordPressの別のテーマの検討
2)テーブルをつかったページのあつかい
1)は誰かのアドバイスが必要だろうなぁ。
2)についてはテーブルタグ<table></table>ではなく、用語の定義リスト<dl></dl><dt ></dt><dd></dt>の変更を検討している。
というのは、そもそもテーブルタグは、閲覧するひとの環境に依存するので、表示が不安定になってしまう、とおもうんだよなぁ。
ちなみに、テーブルをつかうさいには、パソコン、タブレット、スマホの表示を勘案して、ピクセルのサイズにより条件分岐させている。
そのさいのプロパティはdisplayを利用。値はblockとした。
たとえばスマホのピクセル数で条件分岐させ、条件がTrueのばあい、tr{display: block}とした。blockにより(パソコンの表示が横にレイアウトされるのに対し)表の要素がスマホ横いっぱいに表示され、縦に並ぶようにした。
table tr{
display: inline
}
のイメージ
table tr{
display: block
}
のイメージ
最大650px(650px以下のばあい)
display:blockになるようなスタイルシートを書く。
@media (max-width: 650px) {
table td{
display: block;
}