0

レスポンシブではありませんが、iphone または ipad で表示したときにデスクトップ サイトのスケーリングされたバージョンを表示する必要があるサイトがあります。問題は、メインの背景画像が何らかの理由で圧縮されていることです。ブラウザのサイズを変更すると、この問題を再現できないため、iOS で何が起こっているのかを突き止めるのに苦労しています。このサイトは - どんな助けでも大歓迎です!

追加情報: 問題は div.bg-main にあるようで、style.css の 243 行目に設定された背景画像の設定です。

4

3 に答える 3

2

iOS では、背景画像に 2 メガピクセルの制限があります。あなたの画像は 1587*1340 = 2,126,580 ピクセルで、少し多すぎます。したがって、それを縮小します。

このプロパティを使用してbackground-size、サイズを予想どおりに修正できます。細部は失われますが、正しいサイズになります。これを CSS に追加します。

.bg-main { -webkit-background-size: 1587px 1340px }
于 2012-07-19T21:23:32.460 に答える
1

大きな画像を 2 つの部分で切り刻み、2 つの背景を div に追加できます。

このような：

background: url(1.jpg) top center, url(2.jpg) bottom center
于 2014-06-05T08:55:20.173 に答える
0

そのイメージは巨大です。おそらくそれが問題です。「Web 用に保存」でサイズを小さくしてみてください (.jpg で動作するようにデザインを取得してみてください)。

于 2012-07-19T21:15:24.180 に答える