我在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调整,可能有一个更聪明的解决方案来强制重新渲染。然而,让浏览器测量至少一个相关元素的偏移似乎是至关重要的......