1. 移动端流式布局

1. 清除高亮-webkit-tap-highlight-color: transparent;

2. 能修改按钮和输入框的默认样

   式-webkit-appearance: none;

3. 流式布局 => 百分比布局

   • 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受
   • 固定像素的限制，内容向两侧填充。
   • 为了保护内容在合理的范围内
     • Max-width 最大宽
     • Min-width 最小宽

2. span宽度设置无效的解决

1、float

2、display:inline-block

使其变成块元素

3. pt、px、em、rem

**pt (point，磅)：**是一个物理长度单位，指的是72分之一英寸。

px像素（Pixel）：相对长度单位。像素px是相对于显示器屏幕分辨率而言的

em：是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

EM特点

• 1. em的值并不是固定的；
• 2. em会继承父级元素的字体大小。

任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。

4. DOM的含义：

DOM称为文件对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口

DOM是HTML文档的内存中对象表示，它提供了使用JavaScript与网页交互的方式。DOM是节点的层次结构（或树），其中document节点作为根。

实际上DOM是以面向对象的方式来描述的文档模型。DOM定义了表示和修改文档所需的对象和这些对象的行为和属性以及这些对象之间的关系。

在JavaScript中获取元素内容最简单的方法就是通过innerHTML 属性来获取