Javascript 使用JQuery以Mac浏览器不工作为目标

Javascript 使用JQuery以Mac浏览器不工作为目标,javascript,css,macos,cross-browser,Javascript,Css,Macos,Cross Browser,当我在Mac(所有浏览器)上运行某些元素时,我的一些元素出现了一些小的布局问题 我创造了这个: $(function() { if (navigator.appVersion.indexOf("Mac")!=-1) { console.log("HERE"); $('#topmenudisplay UL').addClass('topmenudisplaymac'); }; }); 但它根本不起作用 当然,我已经把它放在我的CSS下面的标题中了 我甚至无法在控制台中看到console

当我在Mac(所有浏览器)上运行某些元素时,我的一些元素出现了一些小的布局问题

我创造了这个:

$(function() {
if (navigator.appVersion.indexOf("Mac")!=-1) {

console.log("HERE");
    $('#topmenudisplay UL').addClass('topmenudisplaymac');
};
});
但它根本不起作用

当然,我已经把它放在我的CSS下面的标题中了

我甚至无法在控制台中看到console.log,因此if语句没有触发


有谁能给我建议如何解决这个问题吗

检测浏览器而不是操作系统,或者更好的是检测功能而不是浏览器。@除非我能检测到浏览器的Mac版本,否则它不会工作。这个问题对于Mac版本来说似乎是孤立的,但是对于同一浏览器的PC版本来说似乎没有问题。问题是什么?你能发布一个现场演示吗?我怀疑问题出在麦克。。。在不知道问题的情况下,我认为这是不太可能的。“Elllrrs的问题是两个图片中间的蓝色导航框比它应该稍高一点,在底部留下一个空隙。对我来说,这似乎只发生在mac上——在PCI上似乎很好,我在Ubuntu上,我也看到了这个问题(在Chrome上)。