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】スマホで Media Queries が効かないときの対処法 - Qiita