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