• ベストアンサー
  • 困ってます

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

  • 質問No.6825246
  • 閲覧数1131
  • ありがとう数0
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 26% (55/210)

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

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

  • 回答No.1
  • ベストアンサー

ベストアンサー率 45% (5062/11035)

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

対処としては、CSS3の機能を使って
重複しますので省きますが
iPadとPCでCSSを切替え - Webデザイン・CSS - 教えて!goo ( http://okwave.jp/qa/q6805007.html )
をご覧ください。
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

ピックアップ

ページ先頭へ