检测webkit/moz/等。前缀来显示-Detectingwhichwebkit/moz/etc.prefixtodisplay

5  

The main issue here is that PHP (the server) won't know the CSS capabilities of your browser off-hand (the client). The only information that's remotely close to identifying a browser that would get sent to PHP is the user-agent string. Even then, you would still need to research the CSS capabilities of a specific version of a specific browser or engine, based on what you find through parsing the user-agent string, and hard-code some decision-making code based on that information.

这里的主要问题是PHP(服务器)不知道您的浏览器的CSS功能(客户端)。唯一接近于标识将被发送到PHP的浏览器的信息是用户代理字符串。即使这样，您仍然需要研究特定浏览器或引擎的特定版本的CSS功能，基于您通过解析用户代理字符串发现的内容，并基于该信息硬编码一些决策代码。

I think that's the main liability of trying to use server-side code to determine the CSS capabilities of a client. There may be others, but this seems the biggest hurdle, unfortunately.

我认为这是尝试使用服务器端代码来确定客户端的CSS功能的主要责任。也许还有其他的，但不幸的是，这似乎是最大的障碍。

On the client side, there exist scripts like -prefix-free that make adding prefixes a trivial job; just serve your minified CSS with only the unprefixed properties and rules, and let the script add the prefixes for you based on what it knows about the browser (that the server doesn't).

在客户端，存在像-prefix-free这样的脚本，使添加前缀成为一项微不足道的工作;只需使用未加前缀的属性和规则来服务您的缩小的CSS，然后让脚本根据它对浏览器的了解(服务器不知道)为您添加前缀。

The first paragraph from this entry in its FAQ also seems worth a read:

这个条目的第一段也值得一读:

“Something like this belongs to the server-side”

A server side script would need to add all prefixes, making the size of the CSS file considerably larger. Also, it should maintain a list of features that need prefixes, or add them all and unnecessarily bloat the stylesheet. -prefix-free automatically detects what needs a prefix and what doesn’t.

服务器端脚本需要添加所有前缀，使CSS文件的大小变得更大。此外，它应该维护需要前缀的特性列表，或者将它们全部添加到样式表中。-无前缀自动检测什么需要前缀，什么不需要前缀。

As well as an interview with its author, which it links to:

以及对其作者的采访，它链接到:

"This is something better done on the server. Do it once instead of on every pageload"

What -prefix-free exactly does, is impossible to do in the server. -prefix-free detects which features need a prefix and only adds it if needed. Also, it automatically detects which properties are available that need a prefix. It doesn't have to keep lists of which prefixes to add for which features, everything gets feature detected, and thus is very future proof. With preprocessors, lists need to be maintained about this sort of stuff. Such lists are doomed to be incomplete and quickly get out of date. Every server-side prefixer I ever tried fails in a number of cases.

在服务器中不可能做的是-prefix-free。-无前缀检测哪些特性需要前缀，只在需要时添加。此外，它还自动检测哪些属性需要前缀。它不需要保存要添加哪些前缀的列表，所有的东西都被检测到，因此是非常未来的证明。对于预处理器，列表需要保持这种类型的内容。这样的清单注定是不完整的，而且很快就会过时。我尝试过的每个服务器端前缀在很多情况下都失败了。

(Emphases mine.)

(我重点。)

1  

Sniff for the user agent of the browser and then set php conditional statments. I've quickly pasted the script I use for my webapp because I'm kinda busy so can't rewrite it for you, but you can google the user agents of different browsers and modify it as needed.

嗅探浏览器的用户代理，然后设置php条件状态。我已经快速粘贴了我的webapp使用的脚本，因为我有点忙，所以不能为您重写它，但是您可以谷歌不同浏览器的用户代理并根据需要修改它。

Alternatively, in css just set a class that uses all three and just set that class to whatever element you need to. This, in any case, is the easiest and most practical solution. Again, modify as needed.

或者，在css中，只需要设置一个使用这三个元素的类，并将该类设置为您需要的任何元素。无论如何，这是最简单、最实用的解决方案。再次,根据需要修改。

.border-radius{
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

0  

This is not the answer to your question but you can use PrefixFree instead of reinventing the wheel.

这不是你的问题的答案，但你可以使用前缀，而不是重新发明轮子。

look at it's detail here:

看看它的细节:

http://coding.smashingmagazine.com/2011/10/12/prefixfree-break-free-from-css-prefix-hell/

http://coding.smashingmagazine.com/2011/10/12/prefixfree-break-free-from-css-prefix-hell/

Regarding your question:

关于你的问题:

You can use php get_browser() to determine the user browser and do as required.

您可以使用php get_browser()来确定用户浏览器并根据需要进行操作。

In my experience, avoiding prefixes wouldn't decrease the css size so much. you can instead GZIP the file, it will affect css file so much and decrease the difference between all prefix or one prefix more even.

根据我的经验，避免前缀不会使css大小减少太多。你可以用GZIP压缩文件，它会对css文件产生很大的影响，甚至可以减少所有前缀或前缀之间的差异。