scss、less 对浏览器兼容的处理方法, css 的单行溢出、多行溢出

1. scss

@mixin rounded($param1,$param2) {

   #{$param1}:$param2;

   -webkit-#{$param1}: $param2;

   -moz-#{$param1}: $param2;

   -ms-#{$param1}: $param2;

   -o-#{$param1}:$param2;

}

 

使用方法： 

@include rounded(transition,all 0.3s);

 

2.less

.promise(@css, @args) {

   @{css}: @args;

   -webkit-@{css}: @args;

   -moz-@{css}: @args;

   -ms-@{css}: @args;

   -o-@{css}: @args;

}

 

使用方法:  

.promise(box-sizing, border-box);

 

3.css

/*多行文本溢出*/

.font_duo {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

/*单行文本溢出*/

.font_dan {

   overflow: hidden;

   text-overflow: ellipsis;

   white-space: nowrap;

}