Develop and Download Open Source Software

OpenSource Downloads

7-Zip  (4,208)  
HandBrake Japanese Language Version  (3,353)  
CrystalDiskInfo  (1,743)  
CotEditor  (1,120)  
CrystalDiskMark  (866)  
Boookends  (788)  
SMPlayer  (642)  
えこでこツール  (599)  
Tera Term  (595)  
10  FFFTP  (579)  
11  Cabos  (530)  
12  BathyScaphe  (494)  
13  ffdshow  (481)  
14  MergeDoc  (464)  
15  ギコナビ  (438)  
More >>

最近ブックマークされた記事

iPhone対応Webサイト構築入門(前編)

2008年10月31日 17:00 松島浩道 1 2 3 4 5 6 7

・画面サイズが異なる

 iPhone版SafariとPC版Safariとの違いでもっとも分かりやすいのが、画面サイズだろう。PC/Macでは1024×768ドット以上の解像度が主流だが、iPhoneの解像度は480×320ドットと小さい。さらに、iPhone版Safariでは画面上部にステータスバーやURLバー、画面下にボタンバーが表示されるため、実際にHTMLがレンダリングされるエリアはそれよりも小さくなる(図1)。なお、iPhone本体を横向きにすると、画面表示もそれに併せて横長となる(図2)。

図1
図1 iPhone版Safariで一般的なWebページを表示した例

図2
図2 横向きでの表示例

 また、iPhone版Safariには画面解像度の小ささを補うため、簡単に拡大/縮小を行う仕組みが用意されている。拡大表示したい部分をダブルタップ(指ですばやく2回タッチする操作。マウスでのダブルクリックに相当)すると、タップした部分を含むブロックの幅が画面の幅と一致するように拡大表示される(図3)。そのほか、2本指で画面をタッチし、指を開くような操作(ピンチ操作)を行うことで任意のサイズに画面を拡大したり、逆に2本指で指を閉じる操作を行うことで画面を縮小できる。

図3
図3 拡大表示例

最終更新:2009年07月06日 16:42