在sass中写的css3经过编译后可以兼容各个浏览器?
@mixin rounded($vert, $horz, $radius: 10px) {
border-#{$vert}-#{$horz}-radius: $radius;
-moz-border-radius-#{$vert}#{$horz}: $radius;
-webkit-border-#{$vert}-#{$horz}-radius: $radius;
}
像这样的代码就只用写第一行border-#{$vert}-#{$horz}-radius: $radius;
各个浏览器的前缀会经过sass的编译自动生成?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
是这样子的,只要自己开始先定义好的
mixin
然后把需输出的固定内容写在里面,而需要变的内容做为变量
传进去就行咯,以后,在需要用到的时候直接调用传参~如果配合
compass
的话,一些常用的他都给封装好了的~---------- 下午补充回答 ---------
评论里面不能放代码块:
比如你已经安装了
compass
和sass
,下面写一个使用圆角的例子:最后生成结果如下:
关于
compass
的一些用法可以去参看一下阮一峰老师的这篇博客:http://www.ruanyifeng.com/blog/2012/11/compass.html一个比较好的处理浏览器前缀的解决方案是autoprefixer
只写标准的,不用写其他浏览器的前缀了。
sass编译后,再用autofixer处理下,不用你自己写个sass的混入方法,多此一举了。