在Android的瀏覽器中保持屏幕上的文字

我正在嘗試修改Dokuwiki模板以供個人使用。我遇到的一個問題是，當我在Android的默認瀏覽器中訪問它並放大文本時，某些工具鏈接將不在屏幕上 - 我必須重複滑動才能看到它們。儘管事實上文本的其餘部分在其增加的尺寸中進行了細化，並且它不使用絕對定位（它使用固定位置，但僅在垂直方向，而我的演示根本沒有）。在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文本縮放後最終關閉屏幕。

來源

2011-04-10 detly

當您放大Chrome或Firefox時，將增加文本大小而不依賴於縮放圖像。瀏覽器嘗試按原樣在窗口中呈現調整後的內容，僅在需要時添加滾動條。在Android中最接近的類比稱爲「文本大小」，並且可以通過瀏覽器應用程序的「設置」選項菜單項進行配置。

當您放大標準的Android瀏覽器時，這更像是一種「放大鏡」效果，可以統一增加所有內容的可見尺寸，並且您需要通過手勢平移才能找到所有內容。該頁面並沒有真正改變，就像通過放大鏡看一張紙不會改變紙張或其上寫的內容一樣。

（除非你訓練通過放大鏡紙太陽的光芒 - 這樣的證明作爲練習留給讀者）

可以想象的是，有一些被解僱了一些JavaScript事件在Android瀏覽器中放大，但我不希望有通過CSS縮放的方式，儘管您應該能夠通過CSS對文本大小的變化做出反應。

來源

2011-04-10 11:04:25 CommonsWare

如果這是真的，爲什麼文本的其餘部分會重排？我不需要平移閱讀主要文本 - 它被包裹在不同的點，所以我只需要垂直滾動。 – detly 2011-04-10 11:39:18

@detly：我無法在任何我嘗試的網頁上重現您的行爲。如果您有鏈接可以證明您的效果，請發佈。 – CommonsWare 2011-04-10 12:35:13

這裏是我的演示：http：//heeris.id.au/test/start.xhtml ...請注意，當你在股票Android瀏覽器上縮放縮放時，主文本會重新包裝，但菜單項會相應地進一步縮小。 – detly 2011-04-10 12:47:47

在Android的瀏覽器中保持屏幕上的文字

回答

相關問題