二〇一三年 長月 廿五日 水曜日 ■ たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる [/links] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 この記事は古くなっています。改訂版があります。 ウェブサイトをスマートフォンに対応させるために <meta name="viewport" content="..."> と指定することは、多くの人が知っていると思う。しかし、content の中身を何にするべきか本当に理解している人は、日本ではごく少ないようだ(かくいう私もつい最近まで理解していなかったのだから、大きなことは言えない)。 試しに「meta viewport」を Google で検索すると、以下のページが上位に出てくる。 Quick Tip: Don't Forget the Vi
New minimal UI mode and old bugs on Safari by Maximiliano Firtman Twitter @firt About Newsletter Published 10 years ago (13 Apr 2014) About 6 min reading time #ios #safari #homescreen webapp As you might know, iOS 7.0 included one of the buggiest browsers of all time for iPhones and iPads. After 5 months we have now the 7.1 update that wants to give some fresh air to web developers. Let’s see if
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のように外部ファイル化したパ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く