0

私は Dokuwiki テンプレートを個人用に適合させようとしています。私が抱えている問題の 1 つは、Android のデフォルト ブラウザーでアクセスしてテキストをズームすると、ツール リンクの一部が画面からはみ出してしまうことです。それらを表示するには、何度もスワイプする必要があります。これは、テキストの残りの部分が拡大されたサイズで適切に折り返され、絶対配置を使用しないという事実にもかかわらずです (固定配置を使用しますが、垂直方向のみであり、以下のデモではまったく使用されません)。

Chromium (および Firefox) では、ウィンドウまたはテキストのサイズを変更しても、テキストが表示されなくなります。

問題を示す最小限の例をまとめました。XHTML は次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xml:lang="en"
      lang="en"
      dir="ltr">
  <head>
    <title>test</title>
    <link rel="stylesheet" href="./css_1.css" />
  </head>
  <body>
    <h1>Heading</h1>
    <div id="tools">
      <ul>
        <li>Menu Item</li>
      </ul>
    </div>
    <p>
      It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
    </p>
  </body>
</html>

...そしてCSS:

#tools {
    float:right;
    text-align:right;
    margin-bottom:2.1em;
}

テキストの段落のサイズが変更され、正常に折り返されますMenu Item。テキストは、ズーム後に画面からはみ出します。

4

1 に答える 1

0

Chrome または Firefox でズームインすると、画像のスケーリングとは関係なく、テキストのサイズが大きくなります。ブラウザは、必要な場合にのみスクロールバーを追加して、ウィンドウ内の調整されたコンテンツをそのままレンダリングしようとします。Android でこれに最も近いのは「テキスト サイズ」と呼ばれるもので、ブラウザ アプリの [設定オプション] メニュー項目から構成できます。

標準の Android ブラウザーでズームインすると、それは「拡大鏡」効果に近く、すべての表示サイズが一斉に拡大されます。すべてを表示するには、ジェスチャーでパンする必要があります。拡大鏡を通して紙を見ても、紙やそこに書かれている内容が変わらないのと同じように、ページは実際には変わっていません。

(虫眼鏡を通して太陽の光を紙に当てない限り -- これの証明は読者の演習として残します)

Android ブラウザーのズームで発生する Javascript イベントがいくつかあると考えられますが、CSS を介してズームに反応する方法があるとは思いませんが、CSS を介してテキスト サイズの変更に反応できるはずです。

于 2011-04-10T11:04:25.670 に答える