0

私は友人のためにウェブサイトを構築していて、もう少しコンテンツを追加することを除けば、ほぼ完成したところですが、今、彼は自分の iPhone で正しく表示されないと言います。ラップトップの Safari、Opera、IE、Chrome、Firefox、Android フォン、Web ベースの iPhone エミュレーターで確認しましたが、すべて問題ないようです。私は彼に他の人のiPhoneをチェックしてもらい、問題の1つは解決しましたが、もう1つは残っています。私のサイトは非常に基本的なもので、html と css のみですが、私はこれに不慣れなため、私のコードはおそらくより良いものになる可能性があることを最初に認めました。

最初の問題は、彼の iPhone が示すヘッダーの上に、上部に沿って均等に配置された 5 つの赤いレンガとして最もよく説明されているものがあることです。これは彼の仲間のiPhoneには表示されません。

2 つ目の問題は、「製品」ページで、写真の下の右側の列のテキストが適切に並んでいないことです。これは、彼の仲間の iPhone の場合です。ここで何をすべきかわかりません。並べるために使用したパディングを変更すると、他のすべてのブラウザー/デバイスでは適切でなくなるからです。

ここに投稿するのが最適かどうかはわかりません。サイトのコード全体が多すぎるようですが、答えるのに必要なものは何でも教えてください. 商品ページのサイトアドレスはhttp://www.doortodoordrinksyork.com/products.htmlです。

私が言うように、私はこれに慣れていないので、答えを簡単にしてください。

前もって感謝します。

デビッド。

PS サイトがどのように表示されるか教えてくれる iPhone をお持ちの方に感謝します。

4

1 に答える 1

0

Mac を使用している場合は、XCodeに付属の iOS シミュレータ ツールを使用して、仮想 iPhone/iPod でサイトをテストできます。内蔵ブラウザの異なるバージョンを比較することもできます.これが、あなたの仲間のデバイスの違いを引き起こしていると思います.

一般に、適切に構築されたサイトはモバイル デバイスで変更しなくても「機能」しますが、メディア クエリを調べることをお勧めします。これは、さまざまなルールで特定の画面サイズをターゲットにできる CSS 機能です。

于 2012-04-14T09:46:15.040 に答える