Css Smartphone

css-smartphone.png

デバイスに合わせてcssを振り分ける

デバイスに合わせてCSSを振り分ける

メタタグの追加

wikidotでもオプションで出来るよ。
BootStrapサンプルにはこうかいてあった

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

↑これのほうがスムーズにゃ
Wikidotサイトではデフォルトで入ってる

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes,initial-scale=1.0" />

cssファイル内で指定する場合

@media screen and (max-width: 320px) {
    div {
        width: 400px;
    }
}

My端末

各端末の解像度

ipod touch 1136px640px

サポートサイト Wikidot.com