- 博客(5)
- 收藏
- 关注
原创 Rem是如何实现自适应布局的?
作为前端工程师的我们,在h5页面布局的过程中会使用rem布局,大家都知道rem是相对长度单位,但是作为前端的我们该如何去让rem布局自适应iphone4、iphone6、iphone6、iphone6plus的呢?那我们都看到天猫在手机网页端中,是根据手机大小的不一样去自适应的,那么我们接下来让我们自己的h5网页的页面自适应手机设备一、首先我们先看一下拥有几
2018-01-12 15:46:28 6706
原创 sass、scss、和css的关系
说到css,相信大家都知道,css样式是用来修饰网页页面结构的。那么sass、scss又是做什么的呢?接下来我们来一起了解一下。要了解css、sacc和scss的关系就要从css预处理器开始说起。什么是css预处理器?css预处理器是用一种专门的语言,进行网页的样式设计,之后在被编译为正常的css文件,以供项目使用。使用css预处理语言的好处:是css更加简洁、方便修改、可读性强、适应新强并且更易...
2018-07-09 11:14:00 2982
原创 vue+sass定义全局变量,后缀名.scss报错之解决
vue在现在程序员圈中,已经是众所周知了,那么在我们去使用vue的过程中经常会使用强大的css预处理语言sass,那么在这个过程中我们有各种问题,下面我们就简单的介绍其中一个小编碰到的问题;在使用scss中,我们定义了变量方便更改整个项目的配色,那么我们在main.js中引入全局scss文件,但直接引入scss文件会报错。那么针对此类问题我们有两种处理方式第一、各个组件中引入(这个方法的弊端相信大...
2018-07-09 11:13:10 2899
原创 css实现手机中开关(开关插件)
在很多设计图上,会有如下图开关或者单选,今天我就来讲讲如何用css去实现动态的开关。html代码中,是很简单的下面是我们css代码 .checkbox { display: none; } .switch { width: 50px; h
2017-10-20 17:15:30 714
原创 css单位中px和em,rem的区别
css单位中分为相对长度单位、绝对长度单位。今天我们主要讲解rem、em、px这些常用单位的区别和用法。px(绝对长度单位)相信对于前端来说px这个单位是大家并不陌生,px这个单位,兼容性可以说是相当可以,大家对px的了解肯定是没有很大的问题的。em(相对长度单位)使用:1、浏览器的默认字体都是16px,那么1em=16px,以此类推
2017-09-13 16:34:06 344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人