开发响应式网站的几个基本点

  1、全局处理触屏与非触屏的区分
  这个主要是对鼠标效果与事件的处理。
  2、全局考虑设备像素比
  这个主要是对图片与字体的处理。
  3、全局设计屏幕尺寸区间的划分
  通常会划分为4个区间，小屏、中屏、大屏、超大屏，3个临界点的值一般是700多像素，900多像素，1200多像素。
  另外需要注意的是，PC中浏览器窗口有滚动条，CSS中与JS中屏幕的宽度会有滚动条宽度之差。
  4、CSS代码书写的顺序
  小屏、中屏、大屏、超大屏，哪个作为标准，就先写哪个区间的代码。然后是区间尺寸从小到大依次书写。
  5、JS代码书写的顺序
  先初始化设置及处理元素，然后是事件处理，最后是窗口尺寸变化处理。