iPadで美しく表示するWebサイト最適化

自分の他のサイトをiPadのサイズにあわせようと、横幅を狭くしたのですが左右に大きな空間が出来てしまった。
iPadの画面サイズは、横768px × 縦1024px なので、横幅を730px位にしておけば良いかと思ったんだけど、そんな単純じゃないらしい。
調べた所、iPhoneとiPadは擬似的に横幅980pxで表示するらしい。
だから、横幅を狭めただけでは左右に空白ができてしまう。

ただ、解決策はあるようで、

<meta name="viewport" content="width=768">

とheadに入れておけば画面の横幅を定義出来るらしい。
viewportをiPadの横幅768で指定すれば、
等倍でキレイに表示されるのだ。
その上でCSSで横幅を730pxとかに指定すると美しく表示された。

ちなみに、iPad向けにサイトを作るなら、ボタンやリンクはタップしやすい大きさに調整する必要がありそうです。

デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計
デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計

フリースタンドLDB514 77411
フリースタンドLDB514 77411

TUNEWEAR iPad用レザーケース TUNEFOLIO for iPad オレンジ TUN-PD-000008
TUNEWEAR iPad用レザーケース TUNEFOLIO for iPad オレンジ TUN-PD-000008

投稿日:2010年8月4日(水) 12時22分

Apple Wireless Keybord の接続が切れる原因

いつも使っている Apple Wireless Keybord ですが、ぶちぶちと接続が切れるようになりました。
買ってしばらくしてからの症状でした。

ファームウェアも最新だったので、初期不良かと思い焦りました。
試しにドンキの安い単三電池に交換したら、あっさり治りました。

買った時点で電池がへたっていたのか?
それとも入っていた電池がしょぼかったのか?
とにかく早期不良じゃなくてよかったです。

Apple Wireless Keybord の接続が切れるようになったら、電池交換の目安ですね。

Panasonic アルカリ乾電池単三12本シュリンクパック LR6XJ/12SW
Panasonic アルカリ乾電池単三12本シュリンクパック LR6XJ/12SW

Apple Wireless Keyboard (JIS) MC184J/A
Apple Wireless Keyboard (JIS) MC184J/A

投稿日:2010年7月6日(火) 18時18分

Googleにログインできず「アカウントは現在無効になっています。」と表示された。

どうやらスパムがGMailに進入して、
連絡先から勝手にメールを送ろうとしたようです。

無作為の10件のメールアドレスに一斉に送ろうとしたことから
Google先生がスパムだと感づき、実際には送られなかったようです。
それで、Googleアカウント自体が一時的にロックされたんですね。

パスワードが解析されたのでしょうか…。
恐ろしいですね。

「アカウントは現在無効になっています。」の画面で、携帯会社と電話番号を入れると、Googleから自動返信で電話がかかってきます。
その電話で伝えられる番号を画面に入力すれば、ロックが解除されて復活するようです。

ちょっと怖いので、8文字以上のパスワードに変更しました。
パスワード管理には気をつけた方が良いですね。

メールの超プロが教えるGmail仕事術
メールの超プロが教えるGmail仕事術

Norton Internet Security 2010
Norton Internet Security 2010

投稿日:2010年6月21日(月) 21時25分

ページの先頭へ戻る