0

開発中のこのサイトは、私の iPhone4s サファリ ブラウザ以外の多くのブラウザで問題なく表示されます。理由はわかりませんが、上部の全幅画像は「スケール」です

問題のサイト: http://studioteknik.ca/stada/

問題は、スケーリングが追加される理由と、デスクトップ ブラウザーのように完璧にするにはどうすればよいかということです。

その他のサブ質問: モバイルとデストップを同じように見せるのに役立つライブラリを知っていますか?つまり、画像ではなくテキストのサイズ変更です。

質問はローカライズされていないか、正確ではありません。クロスブラウザーの互換性に関する開発上の質問です。前もって感謝します。

ところで、私はオンラインの iPhone エミュレーターでテストしましたが、それらはすべてかなりひどいものであり、実際には現実を示していませんが、すべてのサイトが正しく表示されています。だから私は（助けになるのではなく）他のことをもっと不思議に思っています

私の主張を証明するために、ここに私の iPhone レンダリングのスクリーン キャプチャがあります: http://studioteknik.ca/stackoverflow_question/stada.jpg

4

1 に答える 1

0

正しいこと（サファリiphoneのサイズ変更されたスプライト）を探し回ると、正しい答えが得られます。これが解決策であり、私が見つけた他のいくつかのサイトは興味深い、役立つ情報です。

から：http ：//www.teknocat.org/blog/web-development/show/6/mobile-safari-background-image-scaling-quirk

It turns out the reason for this is a resource limit on the iPhone - the amount of memory an image can use once downloaded and opened. This same limit applies to mobile Safari on the iPod and iPad. Note that this limit is nothing to do with the file size. The maximum limit for images is 1024x1024x3 (3,145,728). If the width and height dimensions of your image multiplied together exceed this value, the image will be down sized. The result can vary depending on the viewport size (whether you're on an iPhone or an iPad).

およびその他のリソース： http ：//www.thecssninja.com/css/high-res-sprites

http://coding.smashingmagazine.com/2012/08/13/coding-qa-with-chris-coyier-sensitive-sprites-response-font-sizing-media-query-efficiency-more/

http://www.studiopress.com/design/css-background-size-graphics.htm

http://perishablepress.com/target-iphone-and-ipad-with-css3-media-queries/

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

于 2013-01-31T19:48:27.713 に答える