blog.鶯梭庵/links/たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる
二〇一三年 長月 廿五日 水曜日 ■ たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる [/links] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 この記事は古くなっています。改訂版があります。 ウェブサイトをスマートフォンに対応させるために <meta name="viewport" content="..."> と指定することは、多くの人が知っていると思う。しかし、content の中身を何にするべきか本当に理解している人は、日本ではごく少ないようだ（かくいう私もつい最近まで理解していなかったのだから、大きなことは言えない）。 試しに「meta viewport」を Google で検索すると、以下のページが上位に出てくる。 Quick Tip: Don't Forget the Vi
viewportでパソコン用のウェブサイトをiPad対応
PC用のウェブサイトをiPadでタテ表示にしたときも横表示にしたときも画面内に収める方法。 このメタタグでviewportのwidthを1024に固定するとちょうど良く調整できます。 <meta name="viewport" content="width=1024, maximum-scale=1, user-scalable=0"> initial-scaleで初期倍率を指定した状態だと、回転させた時スクロールが出たり、縮小し過ぎたりとハマったので 最初からinitial-scaleは省いておくのがポイント。 もちろん、元になるウェブサイトの幅が1024px以内に収まっているのが大前提です。 関連記事 拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする iPhoneでフォームにforcusしたときズームしないようにする SSIのように外部ファイル化したパ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
