2010年12月17日金曜日

スマホでみたい



4コマ漫画のようなタテ長の画像を
ブログなどで公開する場合
単純に画像ファイルを貼り付けただけでは

スマートフォンから見たときに
ヨコ幅が狭い小さな画像表示となることがあります
(画面内に画像全体を表示しようとするため)

ピンチアウト(2本の指で広げる動作)で拡大できますが
そのたびに両手を使うことになって面倒です

そんなときはHTMLの <TABLE> タグで
「表」を作り、「表」の中の「セル」の大きさを
画像のヨコ幅高さと同じ値に設定して
セルの背景(background)として画像を貼り付けます

---------------------------------------

<TABLE>
  <TBODY>
    <TR>
      <TD width="345" height="1000" background="http://画像URL/画像.jpg"></TD>
    </TR>
  </TBODY>
</TABLE>

---------------------------------------

こうすると
表示されている画像をダブルタップしたときに
画像ではなく「表」をダブルタップしたと認識されるので
スマートフォンの画面のヨコ幅いっぱいまで
背景として設定した画像が拡大表示されます

特に4コマ漫画の場合だと
専用アプリで表示しているかのようで
おすすめです

※機種により見え方がことなるかもしれません