スマートフォンで大きな画像を端末に合わせて表示

質問

スマートフォンサイトを制作しているのですが、大きな画像を端末に合わせて（自動的に）横幅いっぱいに表示したいと思っています。

どのような方法があるのでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

サイト自体を980pxでもきちんと表示されるよう(リキッドスタイル)に作成してあると、正しく縮小されるはずですが？？？
header,section,footer{
width:80%;
margin:0 auto;
min-width:640px;
max-width:900px;
}
とかにしてませんか？(HTML5です)
HTML4.01でしたら
div.header,div.section,divfooter{
width:80%;
margin:0 auto;
min-width:640px;
max-width:900px;
}
でPC、スマートフォンに対応するはずです。スマートフォン用に別のスタイルを適用したいなら、
iPhone Android など、スマートフォン向けhtmlコーディング/CSS (H.I. Art Works [ Web Technology ] - ウェブ制作技術情報 -) ( http://tech.hi-works.com/webcreative/markup/389 )
とか・・
　スマートフォン用に別のHTMLを書くことは、HTMLの基本から外れています。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より