html - 如何最小化用户代理 css 代码，它不必要地增加了我的 css 文件大小。我们可以为所有用户代理编写通用代码吗？

Question

如何最小化用户代理 CSS 代码，它不必要地增加了我的 CSS 文件大小。我们可以为所有用户代理编写通用代码吗？ 重复的用户代理代码:

Answer 1

正如@Rohit 所说，您必须保留关键字以使其与浏览器兼容。

但是您仍然可以拆分 CSS 文件，因此 javascript 函数将检测您使用的浏览器并将您重定向到正确的 CSS 文件。

代码(感谢@Jonno_FTW)

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else if browser == "Firefox" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

然后您仍然可以缩小每个 CSS 文件，使它们更小。