americandog1993の日記

プログラマー歴半年のメモ

Bootstrapサイトをスマホ対応させる

勝手にいい感じにレスポンシブデザインにしてくれるという触れ込みのBootstrap。
でもなぜかスマホでPCレイアウト表示される時。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

headタグの中にこいつを入れる。
css読み込みより上に置かないと駄目っぽい?

超シンプル家計簿

筆者zenfone3では劇的なスマホレイアウト化を確認。
スマホでご覧の皆様どうでしょう。

参考
【CSS】スマホで Media Queries が効かないときの対処法 - Qiita