2014-03-27 71 views
1

我正在使用最新引導程序(3.1.1)的webapp。我使用這個輪播示例應用程序來構建應用程序的主要框架。bootstrap 3在android webview中navbar-top-fixed問題

在每張幻燈片中,我都會看到我的實際頁面內容。在其中一張幻燈片中,我生成具有不同寬度的表格。

當表格的寬度大於設備的實際寬度時,問題似乎只出現在Android Web視圖中。導航欄變白或不可見。我不確定,但我看不到它。我可以點擊導航欄切換(即使沒有出現),但它確實顯示了導航欄項目。

以前有沒有其他人有過這個問題?它似乎只發生在android webview中。我在android中使用chrome測試了它,一切都按預期工作。

我會盡力在小提琴中重現這一點,但我希望當時可以得到一些提示。 弗羅林。

更新:小提琴在這裏:http://www.bootply.com/123049(請在Android webview中測試小提琴)。

+0

您是否嘗試過加入。表響應級到你的表? –

+0

@BillyMoat不,但我使用數據表(www.datatables.net),並在那裏生成表。另外我需要一個特定的寬度,我從後臺服務收到。小提琴可以在這裏找到[鏈接](www.bootply.com/123049)[鏈接] – bboydflo

回答

0

我發現應用於不同元素的位置:固定在android默認webview中表現錯誤。更多詳細資料(也許是可能的解決方案)在這裏:follow the link

也嘗試設置了元標記類似以下內容:

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

對於這裏iOS issue with position fixed explained

溶液iOS 5的鏈接,我專門找到我的問題將sScrollX datatables參數設置爲100%(數據表是用於生成表的腳本)。

而且,這裏caniuse統計:http://caniuse.com/css-fixed