人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

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

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

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

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

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

●質問者: boochi
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● きゃづみぃ

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を設定すると、意図しないレイアウトが発生することがある


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

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ