スマホの縦・横を判別して別画像を出すことは可能？

質問

スマホサイト（iPhone・Andoroid両方対応）の制作時に、
スマホの縦・横を判別して別画像を出すことはできますか？

現状は添付画像のように、
１．横640pxの画像を作成（文字を載せたい場合は左から320pxまでの所に描く）
２．背景画像で（１）の画像を指定
縦：左端から320pxの所までが見える
横：640pxまで見える
・・・という感じで作っていますが、

これを
縦用：横320pxの画像A.jpg
横用：横640pxの画像B.jpg
を作成しておいて、スマホ縦の時はA.jpgを表示し、スマホ横の時はB.jpgを表示というようなことがしたいです。何卒宜しくお願いします。

回答No.1

axuaxua · ベストアンサー

http://kazu69.net/blog/memo/1023/
上記サイトの中段辺りにあるorientationを参照してください。(書いてないのでandroid/iphone両対応かは不明です）
orientation: portrait;/*縦*/
orientation: landscape;/*横*/

回答No.2

noname#206842

これは、ResponsiveLayoutを使用することで解決します。
閲覧者の環境に応じ、表示する形を変えるものです。
多くのフレームワークがあるので、そちらを参考にしてください。
Yaml4,skelton,bootstrapなどがお勧めです。