Mobile Safariでの大きな背景画像の表示の問題

Advertisement

MacBookのSafari 5で見たら問題ないのに、iPadで見ると背景画像が縮小されて表示されてしまう。どうしてだろうと思って調べてみたら、どうやらMobile Safariの制限によるものらしい。

iPadでの表示

MacBookでの表示

画像の最大デコードサイズ(縦 x 横のピクセルサイズ)が2メガピクセルだとのことで、結局、背景画像のディメンションを1800 x 1600px から1800 x 1000px にしたら正常に表示されるようになりました。

About the author

Rriverの竜(りょう)です。「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、東海岸のボストン近郊でウェブ制作を開始。帰国後、東京のウェブ制作会社に勤務。現在は組織のウェブ担当者として日英バイリンガルウェブサイトの運営に携わっています。より詳しくはこちら

記事へのコメントはもちろん、執筆・翻訳、レスポンシブなウェブサイト制作、コラボのご相談などもTwitter @rriver またはFacebook でお気軽にご連絡ください。

“Mobile Safariでの大きな背景画像の表示の問題” への1件のコメント

  1. […] 元々設定されていた背景画像は1450px × 1127pxでしたので、例のMobileSafariでは2メガピクセル以上の画像が利用できない問題とは別の問題のようです。 […]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です