スマートフォンサイト制作の画像について


制作会社様よりiPhone4、4Sにも対応するべく
640px幅でサイトデザインしました。

テキストや%の数値で指定した値については、
もちろん320px幅のiphone3でも表示されています。

しかし、たとえば360pxで書き出した画像などについては
そのまま表示されて、320pxの枠をはみ出してしまいます。

画像も縮小されると思っていたのですが、そうではないのでしょうか?

ちなみに、
<meta name="viewport" content="width=device-width,...
を指定しています。

半分に縮小した画像も用意するのでしょうか?

たくさんネットで調べて参考になりそうなページを読んだり
しているのですが、どうすればいいのかがわかりません。。

どなたか教えていただけると助かります。
どうぞよろしくお願いいたします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/12/06 12:26:40
  • 終了:2011/12/13 12:30:03

回答(1件)

id:taknt No.1

きゃづみぃ回答回数13539ベストアンサー獲得回数11982011/12/06 12:33:43

http://ipn3g.com/web/study3.html

コンテンツより小さいviewport width/heightを設定すると無視される
viewportでinitial-scaleを設定せずにwidth/heightを設定すると全画面表示となる
viewportでinitial-scaleもwidth/heightも設定しないとwidth=980px/height=1091pxとなる
表示域とコンテンツのサイズが一致しない場合にinitial-scaleを設定すると、意図しないレイアウトが発生することがある


上記に思い当たる箇所はないでしょうか?

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

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません