TAM Technical Team TipsNote

TAMテクニカルチームがテーマ別の技術グループに分かれて
「Tips Note」を、毎週更新します。

  • HTML・CSS
  • JavaScript
  • ActionScript
  • CMS
  • Mobile
  • SEO
  • Program
Tips Note > Mobile

携帯サイトで画像を縦に並べるデザインの場合は注意が必要です。

試しに下記のようなレイアウトを作りました。

docomoとSoftBankではこの画像の様に表示されます。
しかし、auではこのようになります。

一見同じに見えるかもしれませんが、
auでは画像と画像の間やDIVタグ同士の間に1pxほどの隙間が出来ます。
DIVで囲まず、画像+<br>でも同じです。

テーブルレイアウトの場合、auの隙間は解決しますが
docomoの古い機種で隙間が出来るようです。

また、画像を横に並べた場合も、auでは左右に隙間が出来てしまいます。

docomo、SoftBank


au

画像を多用するサイトでは、各キャリアのクセを考慮する必要があります。

(投稿者:nagamatsu)
Comments: コメントはまだありません
この記事へのコメント

コメントはまだありません。

コメントを書く




コメント(必須)

※ブログオーナーが承認したコメントのみ表示されます。

Spam Protection by WP-SpamFree

関連サイト