[Phonegap+Sencha Touch] 移动开发9、scss编译成css，如何去除-moz-、-o-、-ms-前缀

在《[Phonegap+Sencha Touch] 移动开发7、Sencha Touch图标的使用与自定义》中我们介绍到了"另一种css"， 即scss格式的文件，可以编译成css，这种scss叫做Sass。Sass是一门非常优秀的CSS预处语言，它可以减化CSS的编写，使开发者更加容易开发，维护CSS样式。具体可以百度。

如果你想要添加一个border radius的样式，在css中你必须这样定义

.round {

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;
    -ms-border-radius: 4px;

    border-radius: 4px;

}

注：其中

-moz-: mozilla

-webkit-: webkit

-o-: opera

-ms-: microsoft

而用scss，你只需要这样写

.round {

    @include border-radius(4px);

}

目前，移动设备自带浏览器中，安卓和IOS的浏览器是 webkit，WP浏览器是 microsoft， 火狐系统(Firefox OS)是 mozilla 。

如果你要去除 其中某一种前缀（如果不需要支持opera或 mozilla等 ），只需要在scss的开头加上下面的指令：

$experimental-support-for-mozilla : false;

$experimental-support-for-webkit : false;

$experimental-support-for-opera :  false ;

$experimental-support-for-microsoft : false;

欢迎加入Sencha Touch + Phonegap 群：194182999

共同学习交流（博主QQ：479858761）