safari

モバイル向けのウェブサイトを作る上でのTips

meta tagを追加する <head>内に以下のタグを追加する <meta name="viewport" content="width=device-width, initial-scale=1"> width=device-widthはviewportの幅をデバイスの幅に合わせてくれます initial-scale=1はページのロード時のズームを一倍に設定します。 user-scalable=noで、ズームができなくするようにもできます。が、モバイル端末の向きを変えたりして、ズームが変わった時に、ユーザーが元のズームに戻す方法がなくなるので、個人的には設定しない方が良いかなと感じています。
Read more