2016年2月アーカイブ

スマホ対応化

スマホやタブレットからこのブログを見ると、文字が小さくてとても見ずらかったので、スマホ対応にしてみました。
どうやるのかと思って軽く調べてみましたが、結構簡単でした。
(凝りだしたら大変なのでしょうけど...。)

CSSで画面サイズごとにスタイルを変えるように設定
@media screen and (min-width: 768px){
// PC向け
}
@media screen and (max-width: 768px){
// スマホ向け
}

HTMLのヘッダにviewportの定義を追加



単純だけど、これだけで随分と見やすくなります。CSSは考える必要がありますが...。