Question

我正在尝试将Dokuwiki模板用于个人用途。我遇到的一个问题是，当我在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文字在缩放后最终会在屏幕上显示。

Answer 1

放大Chrome或Firefox时，无论是缩放图像，都会增加文字大小。浏览器尝试按原样呈现窗口中的调整内容，仅在需要时添加滚动条。在Android中与此最接近的类比称为“文本大小”，可以通过浏览器应用程序的“设置”选项菜单项进行配置。

当您放大标准Android浏览器时，这更像是一个“放大镜”效果，一致地增加所有内容的可见尺寸，您需要通过手势平移以获取所有内容。页面并没有真正改变，就像通过放大镜看一张纸不会改变纸张或写在纸上的内容。

（除非你通过放大镜在纸上训练太阳光线 - 证明这一点留给读者练习）

可以想象在Android浏览器中有一些Javascript事件会被放大，但我不希望有办法通过CSS对缩放作出反应，尽管你应该能够对文本大小的变化做出反应通过CSS。

在Android的浏览器中将文本保留在屏幕上

1 个答案: