这段时间工作涉及到了移动端页面，用到了rem单位，做个记录。 什么是rem? rem是相对长度单位。相对于根元素（html元素）font-size计算值的倍数的一个css单位，也就是我们前端常说的适配单位rem。因为rem的特性，常被用来做移动端适配，pc端页面不推荐使用rem。 rem的移动适配原理 举个例子： 设计稿宽度：600px 移动设备：…
首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 &nbs…
position属性的作用 position 属性用来指定一个元素在网页上的位置，一共有5种定位方式，即 position 属性主要有五个值 static relative fixed absolute sticky 下面就依次介绍这5个值，最后一个 sticky 是2017年浏览器才支持的 static属性值 static 是 position …
Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为 Flex 布局 .box{ display:flex; } 行内元素也可以使用 Flex 布局 .box{ display:inline-flex; } Webkit内核的浏览器，必须加上 -webki…
初识vue <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" sr…