sasscore22
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的更多相关文章
随机推荐
- php mysql 一个查询优化的简单例子
PHP+Mysql是一个最经常使用的黄金搭档,它们俩配合使用,能够发挥出最佳性能,当然,如果配合Apache使用,就更加Perfect了. 因此,需要做好对mysql的查询优化.下面通过一个简单的例子 ...
- C++STL算法函数总结
容器自己定义了的算法vector:swaplist:swap,merge,splice,remove,remove_if,reverse,uniquedeque:swapmap,set,multise ...
- MongoDB的下载与安装
MongoDB的下载与安装 一.简介 MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在为 WEB 应用提供可扩展的高性能数据存储解决方案.MongoDB 是一个介于关系 ...
- Button--防止button多次点击
================================= //代码2 public abstract class NoDoubleClickListener implements OnCli ...
- 解压版Tomcat配置
解压版Tomcat配置(本例Tomcat6): 一 配置Tomcat 1 下载Tomcat Zip压缩包,解压. 如果增加tomcat的用户名和密码,则修改/conf/tomcat-us ...
- SpringMVC学习系列(11) 之 表单标签
本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...
- Maven如何传递系统属性变量到TestNG
本文介绍如何传递Maven pom.xml里的系统属性参数到TestNG,文章沿用笔者一贯的风格--例子驱动. 解决什么问题 1. 用过WebDriver的都知道,当你启动Chrome或IE的时候都需 ...
- (转)Java:按值传递和按引用传递详细解说
值传递和引用传递详解: 1:按值传递是什么 指的是在方法调用时,传递的参数是按值的拷贝传递.示例如下: public class TempTest { private void test1(int a ...
- 01-C#入门(函数一)
只有在动手写代码的时候,才能真正理解到代码的逻辑思想,所以,开始写代码吧. 函数的意义:降低相同功能的代码重复编写,提高重复代码的维护效率. 函数 一个文件由命令空间(namespace).类(cla ...
- MySQL For Windows修改最大连接数
1.从官网下载安装MySQL Installer.MySQL Installer 提供了简单易用.向导式的 MySQL 软件的安装体验过程(目前只支持 Windows),包含的产品有: MySQL S ...