2

これは、2 つの TD を持つ単純なテーブルです。 http://z5h.github.io/broken_render/broken.html

Android 上の最近の Chrome / Firefox では、非常に異なるサイズでレンダリングされます。理由はわかりません。

デスクトップブラウザではそうではありません。

最初の td のテキストの量を減らすと、問題が解決します。要素スタイルごとに指定しても、フォント サイズは変更されません。例 http://z5h.github.io/broken_render/broken-styled.html

どうしてこれなの？

コードは

<html>
  <head>
    <meta content='text/html;charset=utf-8' http-equiv='Content-Type'> 
  </head>
  <body>
    <table>
      <tr>
        <td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
        </td>
      </tr>
      <tr>
        <td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
        </td>
      </tr>
    </table>    
  </body>
</html>

これは、Nexus 4 の完全に最新の Chrome でどのように見えるかです。Firefox でも同じ問題です。

例

4

3 に答える 3

2

ハンドヘルドのテキストの不規則なサイズ変更で同様の問題がありました。の中に次の3行を追加して解決しました<head></head>。

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

ビューポート メタタグの詳細については、こちらをご覧ください: http://davidbcalhoun.com/2010/viewport-metatag
これがお役に立てば幸いです。
幸運を！

于 2013-04-19T21:56:08.133 に答える