スマホのブラウザで見れるwebアプリを作るには必要な事

http://www.webcreatorbox.com/tech/smartphone-snippets/

とてもよくまとまっていて素敵でした。

特に使いそうだったのをメモ↓

自動で文字サイズを大きくしてしまう。ので下記を追加したい。

html {-webkit-text-size-adjust: none}

背景の解像度もこのようにぎゅっとしてサイズを指定すればOK

div.line{ -webkit-background-size: 100px 100px; }

定番の技だけど、スクロールでアドレスバーを消す

window.onload = function(){
     setTimeout("scrollTo(0,1)", 100);
}

入力する値を正規表現にできる

<input type="text" pattern="[0-9]*">

アドレスバーとツールバーの表示を消す。

<meta name="apple-mobile-web-app-capable" content="yes">

ステータスバーの色を消す

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  • written on 2012.10.26
  • category : mobile

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑