Question

有谁知道如何在css中检测浏览器类型？我尝试做的是当用户使用IE 8查看页面时，然后将类'black2'设置为{font-size：0.75em;颜色：＃1e549b;}在css中将其设置为{font-size：0.95em;颜色：＃1e549b;}

Answer 1

请参阅this类似问题

您可以在CSS中使用IE检测的特殊注释，或者您可以使用javascript执行逻辑并以编程方式应用CSS类（例如使用JQuery）。

Answer 2

<!--[if IE 8]>
  <style>.black2 { font-size:0.75em; color:#1e549b;} </style>
<![endif]-->

不是真的推荐......但为什么你要提供不同的字体？你不能让它们保持一致吗？您是否尝试过设置初始百分比，然后使用ems？

Answer 3

我提到这是为了完整性，但我强烈建议您采用不同的方法，因为CSS表达式会影响性能并且可能不适合跨平台：

您可以使用与JavaScript结合的CSS表达式来动态设置样式。一个例子：

<style>
 P 
 {
   background-color: expression( getBackgroundColor(this) );
 }
</style>

<script type="text/javascript">
  function getBackgroundColor(elem)
  {
    return "green";
  }
</script>

你可以使用这个JavaScript函数来嗅出浏览器版本（也不是最好的主意）并相应地着色。

Answer 4

如果你正在运行服务器端代码（php，asp.net，asp，..），你最好在服务器上检测浏览器，并在标题中包含一个特定于浏览器的代码的附加样式表。

否则，您可以使用许多浏览器黑客为不同的浏览器类型和版本注入CSS。因为它们是“黑客”，所以css会变得很难看。

浏览器类型在css中检测

4 个答案: