こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

スマートフォンでWebサイトの背景画像が縮小する

お世話になります。
現在自社にて公開しているWebサイトがあるのですが、背景にはかなり大きめの一枚画像(2500×2500px)を使用しています。そのせいか、iPhoneやiPadなどのスマートフォン関連の端末で閲覧してみると背景だけ縮小して表示され、レイアウト的に少しおかしなことになります。
これは解決する方法はあるのでしょうか。ネットで少しだけ調べてみましたら、背景画像は大きな画像は使わず、小さな画像をrepeatして使用するようにということでした。
それで質問なのですが、スマートフォン向けの画像とCSSを別途用意して、スマートフォンなどで閲覧するユーザーだけにCSSを適用する、そういったことは可能なのでしょうか。
もし可能ならどのように記述すればいいのか教えていただけないでしょうか。
よろしくお願い致します。

投稿日時 - 2011-06-21 13:00:14

QNo.6825246

困ってます

質問者が選んだベストアンサー

最も良いのは、極端に大きすぎる画像を止めること・・
PCユーザーにも、迷惑かも。

対処としては、CSS3の機能を使って
重複しますので省きますが
iPadとPCでCSSを切替え - Webデザイン・CSS - 教えて!goo ( http://okwave.jp/qa/q6805007.html )
をご覧ください。

投稿日時 - 2011-06-21 15:02:08

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問