スマホサイト制作

スマホ向けサイト制作のメモ

スマホ向けサイトの勉強をはじめました。のでそれに関してこまごまとしたメモ

ポートレートとランドスケープ

縦向きのことをポートレートとランドスケープを横向きという

画面サイズ

iPhone4、iPhone4Sは960×640
iPhone3GとiPhone3GSは480×320
iPadは1024×768

iPhone4メモ

HTML4.01、XHTML1.0のに対応、CSSは2と3の一部に対応
画面上部にステータスバーやURLバー、画面下にボタンバーが表示

iPadメモ

横幅980までに縮小表示される。
壁紙を用意するときは1024×1024で用意する

その他メモ

・ファイルのアップロードを行うinput要素は使えない。
・スクロールバーは存在しないのでiframeとかボックス内にスクロールで表示させたいときは注意
・iPhone/iPadでposition: fixedが使えないのはバグではなく仕様(iScrollを使用する事によって対応できるそうです
・どれに対しても対応できるシンプルな方法は、サイトとコンテンツをリキッドレイアウトでの設計して、デバイスの幅に左右されないスタイルすること

参考にしたサイト
iPadに最適化したサイトがつくれるかもしれない5つの方法(基本編)
iPhone iPad向けサイトを制作するためのいろいろ

  • この記事を書いた人

ゆず

忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
一杯おごる

-スマホサイト制作
-,