テキストがiPhoneで異なるサイズで表示される

既存のウェブサイトでは、1ブロックのテキストがiPhoneで大きすぎて表示され、その一部は白です。私はアンドロイドとiPadでテストしましたが、これはサイトの残りの部分を遠くに押し込むため、バックグラウンドと一線を画していません。それはiPad上の適切なサイズですが、まだ白を表示しています。問題のテキストはこのページの右上にある：http://www.ecodzign.com/waterfx2/index2.html これは、iPhone上でどのように見えるかです：テキストがiPhoneで異なるサイズで表示される

enter image description here

Iが無効になったテキストの拡大縮小をした、と私はインラインCSSを使用して試してみました、何の効果もありません。電話番号だけが白を表示しているので、私はiPhoneが電話でそれらの番号を呼び出すための何らかのリンクを作成していると仮定しますが、それに関係なく、白い背景で白くすることはできません。

ひどいテーブルデザインと妥当性検査がないことをお詫び申し上げますが、私はサイト全体を適切にやり直すための予算はない。テキストや書式設定に関係する検証エラーはありません。私はそれが何が起こっているかとは関係がないのではないかと疑います。

出典

2011-12-06 JDH

ポイントの代わりにピクセルで定義してみましょう！重要な情報を追加して、iPhoneにアクセスすると返信します – JDH

ホワイトの電話番号の問題がわかりました。 iPhoneは、検出された電話番号をリンクに変換します。このサイトではリンクに使用されているスタイルを使用します（この場合はリンクを白にします）。解決策は、サイトのその部分のリンクのデフォルトの色を変更するか、またはタグで電話番号を分割して、iPhoneがリンクにしてしまうのを防ぎます（IE 702 .1212 – JDH

これは、特定のブロックのiOSデバイスでとpxと%の違いがある可能性があります。

あなたのコードをチェックした後、私は、これはそれが実際にあると思う：私は賭けます

font-family: Arial,Helvetica,sans-serif; 
font-size: 8pt; 
color: black; 
font-weight: bold;

font-size: 8ptが犯人です。

出典

2011-12-06 20:02:42 Jakub

ピクセルへの切り替えがサイズの不一致、ありがとう！ – JDH

あなたはあなたのCSSと一貫している必要があります。クロスブラウザ/デバイス – Jakub

ほとんどの場合、ウェブサイトのCSSと関係があります。あなたの最善の選択肢は、モバイルフレンドリーなサイトを作成するか、これらの番号を囲むhtmlから<span style='color:black;'>を削除することです。

出典

2011-12-06 20:00:24 WrightsCS

サイトには多くのインラインCSSがあるようです。それはあなたが!importantキーワードを利用し、この

<span style="color:black !important;">702.233.3200</span>

を試してみました何

。

出典

2011-12-06 20:02:48

テキストがiPhoneで異なるサイズで表示される

答えて

関連する問題