モバイル デバイス用のページを提供するために開発しているポータルが iPhone で適切に表示されないという問題に直面しています - 後で発見したレンダリングの問題であるいくつかの水平線が表示されます。Lumia 800 で表示した場合にも線が表示されるという情報も得ていますが、Lumia 800 ではまだテストしていません。
同様の問題について議論しているスレッドも確認しました:
iPad で表示された Web ページの薄い灰色/黒線
モバイル Safari での線のアーティファクト モバイル Safari
での境界線のレンダリングのバグ
iPad でレンダリングしたときの私のサイトの不思議な水平線
しかし、それらのほとんどは、余白を 1 または 2 ピクセル (負の余白) 減らし、同じ量のパディングを使用して元に戻す方法を使用することを提案しています。
.iosfix{
margin-top: -1px;
margin-bottom: -1px;
padding-top: 1px;
padding-bottom: 1px;
}
しかし、これは望ましくない背景色を露出させます。私の要件では、表示されるコンテンツ、色のスタイル、レイアウトなどが動的に構築され、それらの変更をいじることができないため、このような div の背景色を変更する自由はありません。
ここに正確なコードを投稿することはできませんが、別のフォーラムに投稿された別のユーザーが直面している非常によく似た問題を見ました。次のサイトです:
http://aaa.dev.energetica.com.au/
デスクトップ ブラウザでは正しく表示されますが、iPhone (私は 3GS を使用しました) では横線が表示されていました。
- Mobile Safari のブラウザーの問題であり、特に iOS 6 がリリースされたことを考慮すると、「妥協」ではないこの問題の公式の修正は何ですか?
- 画像の周りに平滑化効果を適用しないことをブラウザに示す iOS 固有のタグはありますか?
- ネストされた div の場合、最も外側の div だけに修正を適用するだけで十分でしょうか?
問題を解決するための助けをいただければ幸いです、ありがとう!