スマフォ/タブレットPC用WEBサイト制作事始め – タイチプレス工業初めてのモバイル端末iPod touchを購入したので、遅まきながらスマフォ用サイトを作り始めました。 ところがスマホと言っても、Apple製品だけでなくAndroid携帯もありますし、iPadやIconiaTabと言ったタブレットPCまで考えると一筋縄では行かないことがわかって来ました。 Viewport(画面幅)の設定 スマフォで通常のWebページを見ると、時々左にコンテンツが寄ってしまい右に空白が出来る事があります。あんなに小さな画面なのに何故そうなるのか？ それは、ハード上の解像度とは関係なく画面幅を980px位(機種によって違う)と見なしてページをレンダリングしてしまうからです。Viewportとはそのみなしサイズの事で、デフォルトでは”viewport=980px”とかになっている訳です。 僕が作るWebサイトは以前からリキッドレイアウトなので、ちゃんと横幅一杯に表示されますが
