0

これは奇妙なものです。私はここでレスポンシブサイトを開発しています：

http://74.209.178.54:3000/index.html

これまでに作成されたページは、ホームページ、「理由」ページ、「価格設定」ページの3つです。私のiPhone4では、ホームページと理由ページは問題ありません。「価格設定」ページは本当にぼやけています。また、画像がぼやけているだけではありません。テキスト、境界線、背景など、すべてがぼやけています。

誰かがこれを見たことがありますか？何が起こっているのか知っていますか？

4

3 に答える 3

1

CSS のこのコードが問題を引き起こしています:-

#logos, #seen {
   border: 1px solid #bbbbbb;

（コメントによると、909行目または751行目あたり。）

ご覧のとおり、価格設定ページで #logos が使用されており、その境界線がすべての側面にあることがわかります。ページ幅は 2px 増加しています。次に、開いたときに iPhone がページ全体にズームインし、ページがぼやけます。

私はあなたが何をすべきかを知っていると確信していますが、ここに行きます:-

#logos, #seen {
   border-top: 1px solid #bbbbbb;
   border-bottom: 1px solid #bbbbbb;

Retina ディスプレイの iPhone でこれを実際にテストしたことはありませんが、動作するはずです。

于 2012-10-28T05:55:49.840 に答える
0

問題は、iPhone 4 の Retina ディスプレイです。2 つのボタンをロードするときに同様の問題がありました。iPhone 4 ではボタンがぼやけて見えましたが (ウェブサイトよりもはるかに多く)、私の 3gs (およびページ) では見栄えがよくなりました。Web サイトで iPhone 4 Retina ディスプレイをサポートするために何をしなければならないのかわかりませんが、Xcode でプログラミングする場合の動作について説明します。

Retina デバイスと非 Retina デバイスをサポートする場合は、同じイメージの 2 つのバージョンが必要です。縮小する方が簡単なので、最初に Retina イメージを作成することをお勧めします (Mac App Store で「resizer」を検索してください)。網膜画像は、yourimagename@2x.format という名前にする必要があります。次のような非網膜画像: yourimagename.format. 次に、両方の画像をプロジェクトに追加し、ロードする場合は非 Retina バージョンをロードします。アプリが Retina デバイスで実行されている場合、プログラムは Retina 画像を読み込みます。

このぼやけた効果は、テキストが網膜でレンダリングされ、画像がレンダリングされないために発生します。これは画像の問題ではなく、画像の解像度の問題です。網膜画像は非網膜画像の 2 倍のサイズ (幅と高さ) であるため、非網膜は網膜の半分です。最初は少し混乱するかもしれませんが、まったくそうではないことがわかります。

お役に立てば幸いです。さらにサポートが必要な場合は、お尋ねください。

于 2012-10-27T23:13:06.717 に答える
0

問題は不思議なことに消えました-実際に何が起こったのかわかりません. 質問に答えてくれた人は、問題がなくなったときにサイトを見ました。

于 2012-10-28T16:57:06.273 に答える