Bootstrap 3.0.0固定菜单栏,在Android手机上无法正常工作

时间:2014-02-11 10:23:47

标签: android twitter-bootstrap-3

我在Bootstrap的固定菜单栏中遇到了问题。

在桌面浏览器上运行良好,但在手机上(特别是在Android手机上)菜单栏表现得很奇怪。

徽标并不总是存在于页面加载中,当您擦拭它应该位于的位置时,它会突然显示出来。此外,当将方向更改为横向时,切换/折叠按钮会在导航栏中间的某处丢失,并且不再保留在右侧。

似乎Android上的固定栏有错误...而渲染在某种程度上搞砸了......

以前有人见过同样奇怪的行为吗?有一个很好的解决方案吗?

找到了一个肮脏的解决方法,它以某种方式迫使Android浏览器重新呈现上述元素:

$("#navbar .logo img").width(31).width(32);
$("#navbar .logo img").height(31).width(32);

$("#navbar").hide();
$("#navbar").get(0).offsetHeight;
$("#navbar").show();

显然这段代码相当愚蠢;)但是它有效...因为它归结为立即反转的小型CSS调整,可能有一个更聪明的解决方案来强制重新渲染。然而,让浏览器测量至少一个相关元素的偏移似乎是至关重要的......

0 个答案:

没有答案