Chrome特定的CSS设置

Question

我有下面的CSS设置

.user-content {
  height: calc(100% - 20px);
}

如果浏览器不是Chrome，想要设置？如果浏览器不是Chrome，有没有办法进行此设置 金

Answer 1

您可以使用以下代码，该代码针对从版本28开始的所有Chrome浏览器。

＆＃13;

＆＃13;

.user-content {
  font-size: 2em;
}
@supports (-webkit-appearance: none) {
  .user-content {
    font-size: 3em;
  }
}

＆＃13;

<div class="user-content">I am 3x larger only in Chrome browser, 2x otherwise</div>

＆＃13;

＆＃13;

＆＃13;

在这里查看其他CSS黑客：Browser specific CSS

Answer 2

使用CSS 3的webkit-transition属性，它将允许您创建特定于chrome的样式规则。

了解更多信息：What is webkit

Using webkit