我可以专门为 Mac 浏览器编写 CSS 代码吗？

Question

网站： http://clientfiles.priworks.com/lgmanagedportfolios/test/investment.html

我在这个网页上工作了一段时间，现在试图让第一个子菜单链接的左侧与第一个父/主菜单链接的左侧对齐。

我认为这样做没有合乎逻辑的方法，但经过多次捏造后，我已经接近正确了。对于所有 win 浏览器和所有 Mac 浏览器（带有一些条件 CSS），该位置是一致的，但对于 Win 和 Mac 浏览器却不是，例如，在 Mac Firefox 中，文本太靠前了，而在 Win Firefox 中，它是完美的。

问题：他们是专门为 Mac 浏览器调整填充的方法吗？

Answer 1

我不相信你可以用纯 css 做到这一点，但你可以用 javascript 检测操作系统，然后用它来加载不同的 css。

http://www.quirksmode.org/js/detect.html

Answer 2

您提到了文本大小/位置的不一致，您是否尝试过使用 Eric Meyer's CSS Reset 或 Normalize.css 之类的东西？他们倾向于解决这样的问题。

顺便说一句，这些文本差异问题是由 Windows 和 Mac 使用不同字体作为默认字体引起的，因此使用 CSS 使其大小和字体系列相同可能正是您所需要的，而不是使用不同的样式表操作系统。

Answer 3

这是您在上面的其中一个 cmets 中尝试实现的正确代码

if (navigator.platform === 'MacIntel' || navigator.platform === 'MacPPC') {
    $('head').append('<link rel="stylesheet" type="text/css" href="mac.css" />');
}​ else {
    $('head').append('<link href="main.css" rel="stylesheet" type="text/css" />');
} 

你的 mac 没有检测到它的原因是 A. 你的语法错误和 B. 如果你在 head 部分留下<link href="main.css" rel="stylesheet" type="text/css" />，那么查看你网站的源代码，那么 mac 浏览器仍然会读取那个 css 文件.在浏览器上使用我的代码只会在 mac 浏览该站点时获得 mac.css 文件，否则它会加载默认 css

Answer 4

使用 CSS 重置表或规范化，它将通过剥离默认样式使所有浏览器显示 ABOUT 相同

或者只是使用 * { padding: 0;} 将所有填充设置为 0，但是您必须为所有 css 设置填充

Answer 5

更新：

您可能希望使用 jQuery 将 CSS 动态应用到特定操作系统上的特定浏览器。您还需要脚本语言的帮助。

使用 $_SERVER['HTTP_USER_AGENT'] 超级全局变量来检索浏览器和操作系统类型的信息。如果 OS = LION 并且浏览器是 Safari，则设置一个标志。

仅当设置了该标志时，才在 jQuery 中使用此标志来应用 CSS。

旧答案：

这将是 Safari 和 Chrome 的 CSS，但也会影响 Windows 平台上的相同浏览器。

Safari 和 google chrome 使用相同的引擎，称为 webkit。您可以使用

定位这两个浏览器

-webkit-属性

check out this link

这里有一个list of webkit属性，可以使用。

一些例子

-webkit-animation
-webkit-animation-delay
-webkit-animation-direction

不过，它们大多是高级属性，而不是基本属性。