[B! css][スマホ] nulieのブックマーク

【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました！ | ultimate-ez.com

ぼんやりしたペースで進めているwordpressの新テーマづくりですが、今回は「フォント」についてのメモ。当サイトはごくごく普通のブログなので、対象となる視聴環境はPCからタブレット、スマホまで様々。そんな中でフォントを指定するっていうことで、cssでの記述(font-family)は以下が基本形になります。 [css] font-family:’Lucida Grande’, ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, sans-serif; [/css] MacのOS Xの標準フォントであるLucida Grande＋ヒラギノ角ゴの合成フォントを再優先に。そして、Windowsではメイリオが表示されるようにします。（ここでメイリオより前にArialなどのwindowsにも入っているフォントを入れちゃう

nulie 2014/07/26

リンク

[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！ | Maku_zin Ver2.1.1

tableってスマホの小さい画面だと見づらいですね！ですね！そんなときはMedia Queriesでガラッと見た目を変えちゃいましょう！と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテーブル用CSSです。ますはデモ。(ブラウザのサイズ(横幅)をグイ～ンで小さくしてみてください。) table { width:80%; border-collapse:collapse; margin:50px auto; } th { border:1px solid #ccc; background:#e1e1e1; padding:5px; } td { border:1px solid #ccc; padding:5px; } @media only screen and (max-width:420px) { thead { displa