Jquery 需要在Firefox中应用webkit样式,反之亦然
我有一些文本,我需要样式,但它可以在多种类型的设备上运行。以列计数为例,我尝试这样做:Jquery 需要在Firefox中应用webkit样式,反之亦然,jquery,css,cross-browser,Jquery,Css,Cross Browser,我有一些文本,我需要样式,但它可以在多种类型的设备上运行。以列计数为例,我尝试这样做: $columnDiv.css({ '-moz-column-count': value, '-webkit-column-count': value, 'column-count': value, }); 但这只会导致内联应用-moz列计数。是否不管浏览器如何,都可以将jquery放在其他浏览器中?在Chrome中,它将只应用-webkit column count css样式。jQ
$columnDiv.css({
'-moz-column-count': value,
'-webkit-column-count': value,
'column-count': value,
});
但这只会导致内联应用-moz列计数。是否不管浏览器如何,都可以将jquery放在其他浏览器中?在Chrome中,它将只应用-webkit column count css样式。jQuery在这方面的工作方式是,它知道您需要一个前缀版本。因此,您只需应用“列计数”:2,根据查看它的浏览器,jQuery将添加前缀版本
因此,除非它在任何设备上实际被破坏,否则您不必担心在jQ中向样式添加所有带前缀的版本。浏览器只会呈现它理解的样式。没有办法改变这一点。我理解这一点,但我要寻找的是一种方式,即样式属性最终将是style=“column count:3;-moz column count:3;-webkit column count:3;”,而不仅仅是style=“-moz column count:3;”也许你应该解释一下为什么你需要这个属性来包含所有的内容,即使它不支持它?顺便说一句,如果你正在处理特定于浏览器的CSS3样式,请查看这个很棒的js库,它可以让你忘记前缀(它可以动态地将样式转换为浏览器所需的任何样式):why似乎不太相关,但一般来说,我可以在基本的WYSIWYG Firefox文本编辑器中生成iPad应用程序文本的一部分(是的,我知道不应该这样做,但确实如此),但如果我想对该文本应用列计数,它将只会是-moz-,显然它会在它需要的应用程序webkit-的webview中显示为两列。不管怎么说,我都快弄明白了。当解决方案完成后,我将尝试发布它。