Android Web App：位置：修復了破？

我正在開發手機Web應用程序。我與Web應用程序，因爲我去了，似乎爲勝勢不得不開發能在iPhone/ 還運行一個應用程序的Windows Mobile /棕櫚等Android Web App：位置：修復了破？

我今天開始測試後做概念的幾天，想法和設計和我想要做的是有一個菜單，堅持在頁面的底部。酷似這款iPhone應用截圖底部的菜單：

enter image description here

使用CSS，我雖然這將是很容易做到這一點。只使用位置：固定;底部：0;會做的伎倆，但我發現它不具有相同的行爲在移動瀏覽器

我試圖在2個部分分裂我的頁面：1將是一個滾動的div （的內容），另一個將是底部的菜單。可滾動的div也不適用於Android。我也嘗試使用幀也沒有運氣。有誰知道任何方式來重新創建一個菜單，將堅持手機頁面的底部？

來源

2010-05-06 StevenGilligan

你說如果其中一個解決方案有效，你會回覆 - 我有類似的問題，並想知道哪個選項可以嘗試 - 謝謝！ – 2010-11-23 07:10:43

我也是。謝謝。 – 2011-03-23 14:12:41

在我的Android N1與的CyanogenMod我有這個麻煩也和修復：

<meta 
    name="viewport" 
    content="width=100%; 
      initial-scale=1; 
      maximum-scale=1; 
      minimum-scale=1; 
      user-scalable=no;" 
    />

具體的user-scalable=no;一部分，你也可以把0而不是no。

有趣的是，這打破了android的渲染按鈕，但所有你需要做的是設置按鈕的背景顏色。

來源

2010-10-13 21:09:06 rizzle

我可以確認這適用於Android。 – Xavier 2011-05-17 16:22:08

我在使用user-scalable = no的許多設備上遇到了很多問題。當使用這個時，我注意到選擇框變得完全無法使用。 – stephenmuss 2012-05-24 01:11:24

請注意，視口元內容屬性的正確語法使用逗號分隔值，而不是分號。 – drzax 2013-06-06 23:58:16

這應該工作:) http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

來源

2010-06-17 16:47:54 Lyon

這實際上是超級酷，它確實修復，但神牛很棘手。 – rizzle 2010-10-13 21:19:21

它在縱向模式下不起作用 – Volatil3 2012-04-28 07:52:13

在我的HTC Desire剛剛得到一個升級到Android 2.2（升級Froyo），我很高興地說，位置固定的現在的作品，至少當你使用用於設置初始縮放和寬度的視口元標記。儘管如此，在常規網頁上似乎仍然不起作用。

來源

2010-08-17 11:25:06

只需添加：

<meta name="viewport" content="width=device-width, user-scalable=no" />

到頁面中，你爲Android 2.2以上版本的設置。這在我正在測試的一個頁面上工作。來源：When can I use CSS position:fixed?

來源

2012-05-21 05:50:32 kad81

請注意，這會阻止用戶在頁面上放大/縮小（無論如何，這應該是您的問題的外觀）。 – kad81 2012-08-27 22:38:38

我可以證實，在你的HTML頭使用META NAME

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

你必須在滾動垂直和水平在Android 2.2，2.3的固定的股利和高達和iOS 4及以上。我在這裏舉了一個例子： https://dl.dropbox.com/u/908148/website/test-scroll.html

來源

2012-07-17 11:10:39

斷開的鏈接並沒有有用的修復 – Adaptabi 2013-08-23 15:47:59

Android Web App：位置：修復了破？

回答

相關問題