作者:ar_wen2402851455 | 来源:互联网 | 2023-05-19 19:14
我有以下mixin用于跨浏览器转换:
.transform (...) {
-webkit-transform: @arguments; /* Chrome, Opera 15+, Safari 3.1+ */
-moz-transform: @arguments; /* Firefox 3.5+ */
-ms-transform: @arguments; /* IE 9 */
-o-transform: @arguments; /* Opera 10.5+ */
transform: @arguments; /* Firefox 16+, IE 10+, Opera */
}
.translate(@x:0, @y:0) {
.transform(translate(@x, @y));
}
并应用如下所示的内容:
#main {
.translate(280px, 0);
}
但它不是IE8和Opera mini中的 wotk .是否有一些后备,polyfill或任何支持它的浏览器?
1> atmd..:
你可以使用一些,modenizer建议的是:
css砂纸和变形.
我认为,将pollyfills添加到像ie8这样的老浏览器会破坏已经过去的浏览器的性能并降低用户体验.此外,如果要向移动浏览器添加pollyfills,则会增加3g连接中可能会关闭用户的加载时间.
您可以检测浏览器是否为IE8,并仅在该情况下加载polyfill.你对3g移动网络的争论是没有实际意义的.