Css如何只支持Chrome或者Safari，而不是同时支持两款浏览器

问题描述

问 题

Css处理hack时遇到问题，由于Safari，Chrome同属于webkit内核；理论上处理方法都是这两款浏览器同时支持；但现在想只支持Safari、或者只支持Chrome的css办法，求告知；

填坑：

目前没有直接的 css 解决办法，只能用 js 判断其浏览器解决问题；

css：

.a{
    font-size: 8px;
    -o-transform: scale(1);
}
.isFontChrome{ -webkit-transform: scale(0.7) }

js:

//当浏览器为 chrome 时，为其元素添加 class
if (!!window.chrome) $('.a').addClass('isFontChrome');

解决方案

貌似只能用js判断了浏览器的名字，再加载对应的样式文件

这篇关于Css如何只支持Chrome或者Safari，而不是同时支持两款浏览器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！