问题标签 [vendor-prefix]

所以每当我需要做类似盒子阴影的事情时，我都会写：

而不仅仅是：

这还有必要吗？似乎 firefox 和 chrome 仍然听正常的“box-shadow”属性。因此，即使我在 Chrome 中执行此操作，例如：

盒子阴影颜色将是绿色而不是红色。那么对于哪些浏览器版本是必需的前缀呢？

它在 CSS3 for Web Designers book 中列出，但我在 Web 搜索中找不到它的参考。

我正在尝试更改滚动条样式。它在 chrome 和 opera 中工作，但在 Firefox 中不工作。

我的 webkit 代码如下所示：

对于这样的Mozilla：

它不适用于Firefox任何想法。

目前，当我编码时，我使用：

但根据我的测试，它与任何现代浏览器（Chrome 33+、opera 25+、safari 8+）都没有任何区别。Internet Explorer 8 不支持此属性，但供应商前缀不会产生任何影响。

有什么理由保留它们吗？

例如，如果我想要一个用于光标的抓取图标，在 CSS 中我会使用这个：

但是，假设我想通过 JavaScript 实现它，但仍然能够涵盖所有三个，我该怎么做？我是否只是将它们分配在三行中——JavaScript 会回退到先前的分配吗？

抱歉标题含糊不清，但基本上我从 CodePen 复制了一些代码，它可以完美运行，但我无法在我的项目或我创建的 jsFiddle 中获得完全相同的代码。

这是相关的HTML：

以及 webkit 浏览器的 CSS：

这是看起来很棒的CodePen 。

我试图将所有代码复制到我的项目中，并且元素在那里，但绝对没有发生任何事情。

这是一个显示代码未运行的jsFiddle 。请注意，此代码仅作为前缀用于 Chrome 和其他 webkit 浏览器。

我的第一个想法是这是一个前缀问题，但是在删除所有警告之后，这些加载器项仍然没有任何反应。

试图在这里理解更大的图景。将使用 css calc 的示例。我的布局严重依赖它，并且需要某种针对较旧的 android、opera 等的解决方案。

所以...试图了解哪个更可取以及为什么。

选项 1：使用 Modernizr 嗅探支持，然后在不受支持时提供回退

选项2：只需在css中提供后备，例如：width：200px；宽度：-moz-calc(...) 宽度：-webkit-calc(...) 宽度：calc(...)

我想我错过了一些关于为什么modernizr 有用的更大图景，因为在这种情况下，我认为它是一个我可以跳过并加快页面加载速度的库。是不是因为我可能想嗅出很多东西，所以由于问题的数量庞大，它变得有用，它会捕捉到我可能没有意识到的东西，还是我还缺少其他东西？

如果可能的话，真的试图最终在所有现代浏览器（包括歌剧）中获得视口单元和计算功能......并试图确切地了解modernizr适合或不适合该场景的位置。

谢谢

我的页面在使用 Safari 进行页面加载时出现显示问题（显示 inline-block 元素的宽度为 0，在一个 JS 内联样式之后它很好）。我可以用这种额外样式为我的 span 元素解决问题：

我必须首先使用标准，然后再使用我的修复。在当前浏览器版本上，它看起来很适合 FF、IE 9-11、Chrome 和 Safari（桌面 Mac）。

我现在的问题是：订单是否正常，或者我可以在某些浏览器上遇到问题吗？（也许浏览器认为：“哦，我必须使内联元素（跨度）显示：inline-block”。下一行“哦，我不知道该属性（-webket-inline-flex），所以我使用标准显示：内联”。）

希望你明白我的意思？:)

我在几个地方读到 jquery 1.6 及更高版本在使用 css() 方法时会自动应用供应商前缀。我正在使用 Jquery 1.11.1，它似乎没有做这样的事情。

如果我打电话：

并检查 Chrome 开发人员工具的样式检查器，它准确显示：“transform: scale(2);” 没有供应商前缀。

为什么会这样，我应该自己添加各种供应商前缀吗？

我正在动态加载一个 iframe，其中包含一些要在其中执行的代码——它是一个代码游乐场，下面有 codemirror 实例。在 iframe 内部执行的代码之一是来自 Lea Verou 的 prefixfree.min.js。

在 iframe 的加载/卸载时，我收到以下错误：

这个错误是什么意思？