画像をピッタリ横並び表示させるテクニック | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報

画像をピッタリ横並び表示させるテクニック|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ メニューやおすすめ商品といったバナー画像を携帯の画面に横並び表示させるのは結構難しい。それは機種ごとにブラウザの描画領域の大きさが異なることと、画像の折り返しが発生することによるものだ。携帯ならではのテクニックを披露する。 <img width="50%"> を使うと・・・ ブラウザの画面ピッタリに画像を2枚だけ横並び表示させようとするなら、真っ先に思いつくのはimgタグに属性 width="50%" を追加するという方法。携帯は機種によってブラウザ幅が異なるから、width="50%" を使えばお手軽かつどの機種でもピッタリ表示できそうだ。 早速、横480ピクセルのGIF画像を使用して検証してみる。画像の大きさが分かりやすいように赤い枠

[gayou]

もうテーブルタグで良いような気がする