1、setting

  如果不需要支持ie6,7,请在引入setting文件之前,设置$lte7:false;

  $lte7: true !default  表示的是是否兼容it6/7

2、css3 是一些兼容性质的问题

  @include border-image(url(img.png) 3 round);

  @include box-shadow(0 0 5px rgba(11,22,33));

  @include display-flex; flex-direction ; 等设置在父容器上面

  @include flex(2);设置在子元素上面的

3、media是一些响应式布局的判断,对手机等兼容较好

4、mixin

  @extend是联合声明的  @include是直接在选择器内生声明的

  

// px转em
@function pxToEm($px, $base: 16) {
@return ($px / $base) * 1em;
}
// px转rem
@function pxToRem($px, $base: 40) {
@return ($px / $base) * 1rem;
} // font-size自适应
@mixin font-dpr($font-size){
font-size: $font-size /2;
[data-dpr="2"] & {
font-size: $font-size;
}
[data-dpr="3"] & {
font-size: $font-size /2 * 3;
}
} @mixin px2px($name,$font-size){
#{$name}: $font-size;
[data-dpr="2"] & {
#{$name}: $font-size * 2;
}
[data-dpr="3"] & {
#{$name}: $font-size * 3;
}
}
  • @mixin通过@include来调用;
  • %通过@extend来调用;
  • @function则是返回一个值。

  

sasscore22的更多相关文章

随机推荐

  1. php mysql 一个查询优化的简单例子

    PHP+Mysql是一个最经常使用的黄金搭档,它们俩配合使用,能够发挥出最佳性能,当然,如果配合Apache使用,就更加Perfect了. 因此,需要做好对mysql的查询优化.下面通过一个简单的例子 ...

  2. C++STL算法函数总结

    容器自己定义了的算法vector:swaplist:swap,merge,splice,remove,remove_if,reverse,uniquedeque:swapmap,set,multise ...

  3. MongoDB的下载与安装

      MongoDB的下载与安装 一.简介 MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在为 WEB 应用提供可扩展的高性能数据存储解决方案.MongoDB 是一个介于关系 ...

  4. Button--防止button多次点击

    ================================= //代码2 public abstract class NoDoubleClickListener implements OnCli ...

  5. 解压版Tomcat配置

    解压版Tomcat配置(本例Tomcat6):   一 配置Tomcat 1 下载Tomcat Zip压缩包,解压.      如果增加tomcat的用户名和密码,则修改/conf/tomcat-us ...

  6. SpringMVC学习系列(11) 之 表单标签

    本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...

  7. Maven如何传递系统属性变量到TestNG

    本文介绍如何传递Maven pom.xml里的系统属性参数到TestNG,文章沿用笔者一贯的风格--例子驱动. 解决什么问题 1. 用过WebDriver的都知道,当你启动Chrome或IE的时候都需 ...

  8. (转)Java:按值传递和按引用传递详细解说

    值传递和引用传递详解: 1:按值传递是什么 指的是在方法调用时,传递的参数是按值的拷贝传递.示例如下: public class TempTest { private void test1(int a ...

  9. 01-C#入门(函数一)

    只有在动手写代码的时候,才能真正理解到代码的逻辑思想,所以,开始写代码吧. 函数的意义:降低相同功能的代码重复编写,提高重复代码的维护效率. 函数 一个文件由命令空间(namespace).类(cla ...

  10. MySQL For Windows修改最大连接数

    1.从官网下载安装MySQL Installer.MySQL Installer 提供了简单易用.向导式的 MySQL 软件的安装体验过程(目前只支持 Windows),包含的产品有: MySQL S ...