HP作成
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
[[MenuBar]]
スマホサイトを作ろう!
* アドレスバーを隠す
- <body onLoad="window.setTimeout('window.scrollTo(0, 1)'...
50/1000 sでアドレスバーをスクロールしてみえなくする。
* 注意点
iPhoneでは事実上iframeは使えない
* 画面サイズ
iPhoneでは横幅を何も指定しない場合、横幅980ピクセルまでの...
縮小させないなら、
- <meta name="viewport" content="width=320, initial-scale...
主流は
- 縦向き 320px~640px
- 横向き 480px~960px
標準は
- 320px(横)/480px(縦)
でよい?
※iPhone4、4Sは640px/960pxの解像度だが、内部解像度で320px/...
以下のいずれかを採用することで、iPhoneでも本来のように(98...
- ViewPortを記述する
- <meta name="viewport" content="width=device-width"/>
content属性の値を「width=240」にすれば240ピクセル幅で描画...
- DOCTYPE宣言にXHTML Mobile Profileのものを採用する
- <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1....
* アイコンサイズ
タップするには最低44px x 44pxほしい
* overflow
- ボックスから内容がはみ出した場合の表示方法を指定。
- visible/hidden/scroll/autoの4種類がある。
** visible
overflowプロパティの初期値。ボックスのwidthプロパティとhe...
** hidden
ボックスから内容がはみ出た場合、その部分は表示されない。
** scroll
ボックスのサイズは変わらず、要素の縦横にスクロールバーが...
** auto
"全体が見られるようにすべきである"という曖昧な指定だけで...
多くのブラウザは、ボックスにheightプロパティを指定してい...
終了行:
[[MenuBar]]
スマホサイトを作ろう!
* アドレスバーを隠す
- <body onLoad="window.setTimeout('window.scrollTo(0, 1)'...
50/1000 sでアドレスバーをスクロールしてみえなくする。
* 注意点
iPhoneでは事実上iframeは使えない
* 画面サイズ
iPhoneでは横幅を何も指定しない場合、横幅980ピクセルまでの...
縮小させないなら、
- <meta name="viewport" content="width=320, initial-scale...
主流は
- 縦向き 320px~640px
- 横向き 480px~960px
標準は
- 320px(横)/480px(縦)
でよい?
※iPhone4、4Sは640px/960pxの解像度だが、内部解像度で320px/...
以下のいずれかを採用することで、iPhoneでも本来のように(98...
- ViewPortを記述する
- <meta name="viewport" content="width=device-width"/>
content属性の値を「width=240」にすれば240ピクセル幅で描画...
- DOCTYPE宣言にXHTML Mobile Profileのものを採用する
- <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1....
* アイコンサイズ
タップするには最低44px x 44pxほしい
* overflow
- ボックスから内容がはみ出した場合の表示方法を指定。
- visible/hidden/scroll/autoの4種類がある。
** visible
overflowプロパティの初期値。ボックスのwidthプロパティとhe...
** hidden
ボックスから内容がはみ出た場合、その部分は表示されない。
** scroll
ボックスのサイズは変わらず、要素の縦横にスクロールバーが...
** auto
"全体が見られるようにすべきである"という曖昧な指定だけで...
多くのブラウザは、ボックスにheightプロパティを指定してい...
ページ名: