1. 工具的使用？
      从PC页面切换到移动页面，要刷新页面，才会变成移动端版本的样子。
      当切换设备的时候，也要重新刷新页面，才会生效。
      sublime工具 -> 新代码片段 -> filename.sublime-snippet
      步骤：.1 subline工具（tools）-> 新片段 ->
      出现下列代码：

      <![CDATA[
      .a“ Hello, ${1:this} is a ${2:snippet}. ”
      ]]>

      .b“ hello ”



      .2 上述引号里的内容是需要修改的内容: .b处写什么,摁Tab键 就会出现 .a 处代码
      .3 ctrl+s保存，名字后缀要为 .sublime-snippet
      2. viewport视口？
      1. visual viewport 固定大小
      2. layout viewport 可改变大小的，ios系统下默认980
      注：通过JS代码：document.documentElement.clientWidth在控制台中的console下可以查看到当前网页的大小。
      3. 设计师该如何设计一个网页？
      1. 设计一个PC站的网页 -> https://www.taobao.com/
      2. 设计一个移动站的网页 -> https://www.taobao.com/ (当输入taobao.com后，程序会检测到当前是PC端还是移动端，如果是移动端的话，会重新跳转到一个新的网址下) -> https://h5.m.taobao.com
      4. viewport的重新设置？

      width=device-width : 大小跟设备的大小保持一致，动态变化的。当然也可以设置固定值，例如：500。
      initial-scale=1.0 : 缩放的初始大小为正常大小
      minimum-scale=1.0 : 最小缩放比例 (0 ~ 10范围)
      maximum-scale=1.0 : 最大缩放比例
      user-scalable=yes|no : 是否允许用户进行缩放
      5. 布局方案？
      1. 流式布局？
      好处：在大屏下，显示的内容更多。
      坏处：比例会有些失调。
      2. rem布局?
      好处：比例会比较协调。
      坏处：突出不了大屏显示更多的特点。
      6. 字体图标？
      概念：字体图标，不是图片，而是类似于文本的东西。
      好处：
      1.可以向使用文字一样去使用它们，比如给它们设置字体大小和颜色。
      2.对于布局来说简单了。
      3.减少了图片的加载时间。
      4.减少了设计师的任务，因为有很多已经制作好的字体图标库。
      @font-face来实现的，属于CSS3的内容。
      font-family : custom-name
      使用的样式中，也是一样需要引入， font-family : custom-name
      这些字体图标都是通过svg技术来实现的，文件：.svg。其他的文件都是做不同平台的兼容的，文件：.eot、.woff、.ttf … 。
      iconfont.cn的用法？
      1. 下载，引入link iconfont.css -> 改写url地址，找到指定的.svg等文件。
      unicode编码

      2. 引入：直接写class ，例如：