bootstrap 3导航栏顶部修复了android webview中的问题

bootstrap 3导航栏顶部修复了android webview中的问题,android,css,twitter-bootstrap,Android,Css,Twitter Bootstrap,我正在开发一个使用最新引导(3.1.1)的webapp。我使用这个旋转木马示例应用程序来构建应用程序的主框架 在每一张幻灯片中,我都有我的实际页面内容。在其中一张幻灯片中,我生成了不同宽度的表格 这个问题似乎只出现在Android Webview中,当表的宽度大于设备的实际宽度时。导航栏变为白色或不可见。我不确定,但我看不见。我可以单击导航栏切换(即使没有显示),它确实显示导航栏项目 以前有其他人有过这个问题吗?这似乎只发生在android网络视图中。我在android的chrome上测试了这一

我正在开发一个使用最新引导(3.1.1)的webapp。我使用这个旋转木马示例应用程序来构建应用程序的主框架

在每一张幻灯片中,我都有我的实际页面内容。在其中一张幻灯片中,我生成了不同宽度的表格

这个问题似乎只出现在Android Webview中,当表的宽度大于设备的实际宽度时。导航栏变为白色或不可见。我不确定,但我看不见。我可以单击导航栏切换(即使没有显示),它确实显示导航栏项目

以前有其他人有过这个问题吗?这似乎只发生在android网络视图中。我在android的chrome上测试了这一点,一切正常

我将尝试在小提琴中重现这一点,但我希望到时我能得到一些提示。 弗洛林


更新:fiddle here:(请在androidwebview中测试fiddle)

我发现position:fixed应用于不同元素在android默认webview中表现出错误。更多详细信息(可能是一种可能的解决方案)请参见:

还可以尝试设置元标记,如下所示:

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

有关iOS5的链接,请点击此处

我专门为我的问题找到的解决方案是将
sScrollX
datatables参数设置为100%(datatables是用于生成表的脚本)


这里还有Canius stats:

您是否尝试将.table responsive类添加到您的表中?@BillyMoat否,但我使用的是datatables(www.datatables.net),表是在那里生成的。另外,我需要一个特定的宽度,我从后台服务接收。可以在这里找到小提琴[link](www.bootply.com/123049)[link]