Facebook とネイティブの Wordpress コメントの両方を含む Wordpress ブログをセットアップしています: http://lucky-stars.ca/yum/hello-world。私は、Wordpress のコメントのフォーマットを Facebook のコメントにできるだけ近づけようとしています。私はほとんどそこにいますが、奇妙な問題に遭遇しました。
折り返されて複数行に表示される第 1 レベルのコメントでは、ビューポート サイズが 768px から 480px の iOS で表示された場合、コメントとコメント作成者に指定したテキスト サイズは使用されません。1 行に収まるコメント (または 1 行に収まる手動の改行がある) は問題なく、iPhone で縦向き (<480px) で見ると、問題はなくなります。
この問題は、「あなたのメール アドレスは公開されません...」というコメント フォームの下にも表示されます。
私のフォント サイズの仕様は、すべてのコメントを含む div にあります#comments。
これは私がこれまでに試したことです：
- キャッシュをクリアしています。
!importantのフォント規則に追加し#commentsます。- フォントサイズについては、ems とピクセルの両方を試しました。
.comment-author問題のある特定の div (および)にサイズ仕様を追加します.comment-content。- 省略形ではなく、フォントの仕様を個々のルールに分解します。
- の下でこれをオーバーライドするフォント ルールがないことを確認しました
@media screen and (max-width: 768px)。 - Facebookのコメントがこれを行ったのを見た後に追加
zoom:1します。#commentsChrome のUser AgentとDevice Metrics Overrides を使用していたときの問題はこれで解決しましたが、iPhone では問題が解決しません。
問題をグーグルで調べてみましたが、テキストが折り返されたときの問題だけなので、ここで何を探しているのかよくわかりません。折り返されるテキストだけでなく、別の div であっても、作成者の名前についても同様です。
どんな方向性でもありがたいです、私は完全に途方に暮れています。