iphoneとandroid で表示を統一する方法

iphoneの横幅は３２０ｐｘ
アンドロイドは機種によっても様々。

そんなスマートフォンのサイトを制作するときに、
どんな機種でもきちんと表示されるように、
「viewport」っていうのを設定します。

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>

このように設定すると、
アンドロイドでもiphoneでも横幅にあわせて表示をしてくれ、
ユーザーが拡大したり縮小したりすることを防げます。

一緒に

<meta content='telephone=no' name='format-detection'>

こちらも書くと、

日付のところや電話番号のところが勝手に電話のリンクにならなくて

便利。

ぜひお試しください。