携帯画面の横幅ピッタリの画像って？

質問

携帯電話のサイトを作っているのですが、参考にいろいろと携帯サイトを見てまわっていると、たまにタイトル画像が携帯画面の横幅いっぱいのものを使っているサイトがあります。
私の携帯は240x320pixelなのでこのサイトの画像は横幅が240pixelなのだと思うのですが、携帯画面の大きさは携帯機種によっていろいろあると思います。

そうした場合に、どうやってタイトル画像を横幅をピッタリ合わせているのでしょうか？ もしかして携帯機種を判別して横幅が違う画像を用意しているのでしょうか？

また、試しに横幅240pixelの画像を作って自分の携帯で表示させてみたら微妙に横幅が縮小されてしまいました。どうやら240pixelいっぱいには表示できないようです。これはなぜでしょうか？

回答No.4

steel_gray

#1です。
参考URLはブラウザの種類によって見えないようですね。
色々なブラウザで試してみてください。
ワタシが試したところIEならOK、その他(Firefox,Opera,Safari)ではNGでした。(全てWindows版)

お礼

あれ・・・IEでダメでした。

回答No.3

goldfox

imgで配置する画像なら、横幅を％指定すれば、表示領域の大きさに合わせて画像の大きさも変わります。
（100%でぴったりになるかは分かりませんが）
<img src="画像アドレス" width="100%" alt="タイトル">

お礼

たしかにそれはできますね。ただし、画像がゆがみますが・・・。

回答No.2

rusya

＞試しに横幅240pixelの画像を作って自分の携帯で表示させてみたら微妙に横幅が縮小されてしまいました。

該当ページに、スタイルシートでmargin:0px;を指定してもダメですか？

お礼

ありがとうございます。cssは対応していない機種が多いので今回は使わない方向でいきたいと思います。

回答No.1

steel_gray

機種に合わせて、大きさ（及びファイル形式）の違う画像を用意したり、動的に作り出す事を行っているサイトもありますね。
http://www.marguerite.jp/Nihongo/HowToMakeYourWeb/Mobile/Image.html
微妙に縮小される件についてはわかりません。

お礼

ありがとうございます。動的にやらないとダメかもですね。
URLは開けませんでした（携帯で開くのですか…？）