jquery - 需要在 Firefox 中应用 webkit 样式,反之亦然

标签 jquery css cross-browser

我有一些文本需要设置样式,但它可以在多种类型的设备上运行。因此,以列数为例,我尝试这样做:

$columnDiv.css({
    '-moz-column-count': value,
    '-webkit-column-count': value,
    'column-count': value,
});

但这只会导致内联应用 -moz-column-count。无论浏览器如何,无论如何都要将 jquery 放入其他浏览器中吗?在 Chrome 中,它只会应用 -webkit-column-count css 样式。

最佳答案

jQuery 在这方面的工作方式是它知道您需要一个带前缀的版本。因此,您只需应用 "column-count": 2,并且根据查看它的浏览器,jQuery 将添加前缀版本。

因此,除非它在任何设备上实际损坏,否则您无需担心将所有前缀版本添加到 jQ 中的样式。

关于jquery - 需要在 Firefox 中应用 webkit 样式,反之亦然,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11052887/

相关文章:

javascript - fastclick.js 实现了吗?

html - Css 转换不适用于网格

html - "Box Model"CSS有多少种类型?

javascript - Ruby on Rails - 未捕获的 ReferenceError : $ is not defined

javascript - 使用 JQuery/Javascript 进行滚动控制

css - 处理 Firefox 和 Internet Explorer 的差异

css - 在html选择标签上缩进文本

html - 在没有全屏浏览器的情况下显示图像的全高(使用封面)

javascript - Jquery中如何通过索引获取子元素?

javascript - 更改 CSS3 动画的开始