device-widthの重要性

今さらだけどdevice-widthは重要です。

bootstrapでサイトを作ったとします。
そしてPCで見ると当然普通に見えますが、スマホで見るとこんな感じになります。

device-widthなし


device-widthあり


device-widthなしだとiPhoneだとボタンが押せないくらい小さく表示されます。
画像だとちょっとわかりにくいかもしれませんが、これがiPhoneの画面いっぱいに出るとボタン押すのもちょっと厳しいレベルになります。
しかし、ちゃんとdevice-widthが指定されているとスマホでもちゃんと押せるサイズになってくれます。

ちなみにこれはbootstrapを使った上での画像ですが、ボタンの表示はbootstrapに関係なく
スマートフォン上ではdevice-widthの有無でタッチしやすい大きさに変わるのでスマホを想定していないサイトであってもdevice-widthが指定してあっても損はないと思います。


自分の無能に嫌気がさして豆腐の角に頭ぶつけて死ねばいいのにと思ったんですが
豆腐がもったいないのでやめときます。

HTML