【问题标题】:Is there a CSS hack that targets only Chrome on Mac? [duplicate]是否存在仅针对 Mac 上的 Chrome 的 CSS hack? [复制]
【发布时间】:2014-01-15 09:31:21
【问题描述】:

我知道这极不可能得到我正在寻找的响应,但我一直在寻找某种技巧,可以让我在 MAC 而不是 Windows 上更改 chrome 上的 CSS。

我正在开发一个大型 Java/JSP 产品,并且更改 HTML 的权限非常有限,因此我必须使用边距定位单个元素。

我使用了一些 CSS hacks 来在 FF、IE 7、8、9 和 10、WIN Chrome、Opera 和 Safari 上获得完美的位置像素,但是在 MAC Chrome 和 MAC Safari 上它只有几个像素。

我真的希望我不需要使用一些 JavaScript 来检查用户代理字符串并以这种方式更改边距,但必须这样做。

我在这里错过了另一个 CSS hack 吗?

【问题讨论】:

  • 如果 Chrome 对页边距的处理方式与其他浏览器不同,我会感到非常惊讶。您可能想发布一个带有问题代码示例的问题,询问如何让它在没有黑客攻击的情况下跨浏览器工作。

标签: html css macos browser


【解决方案1】:

很遗憾,没有 js 是做不到的。 来自 Chris Coyier 的一些简单代码:

if (navigator.userAgent.indexOf('Mac OS X') != -1) {
  $("body").addClass("mac");
} else {
  $("body").addClass("pc");
}

http://css-tricks.com/snippets/javascript/test-mac-pc-javascript/

【讨论】:

  • 安卓手机现在是个人电脑了?
  • 哦,反正可以是 .mac 和 .non-mac 类
  • 该死的,我认为这值得一问,我知道这些事情是可以改变的。感谢您的反馈
【解决方案2】:

我认为你不能用 CSS 做到这一点,看起来 JavaScript 可能是你唯一的选择。

您在 Mac 上使用 Chrome 时实际上遇到了什么问题?您可能不需要针对特定​​的浏览器/操作系统,发布有问题的代码,我们或许可以为您提供一些可以跨浏览器和操作系统工作的 CSS。

【讨论】:

    猜你喜欢
    • 2013-04-27
    • 2012-03-07
    • 1970-01-01
    • 2012-06-04
    • 1970-01-01
    • 1970-01-01
    • 2011-03-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多