スマホサイト制作

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

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

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

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

画面サイズ

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向けサイトを制作するためのいろいろ

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1

outlookを最小化すると勝手に終了してしまう outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になって ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 素敵なフォロー、フォロワー、創作作家さんに作品の感想を送りたい…!が、語彙力がないという方向けの感想メーカ ...

-スマホサイト制作
-,