開發(fā)響應(yīng)式網(wǎng)站的幾個基本點(diǎn)

  1、全局處理觸屏與非觸屏的區(qū)分
  這個主要是對鼠標(biāo)效果與事件的處理。
  2、全局考慮設(shè)備像素比
  這個主要是對圖片與字體的處理。
  3、全局設(shè)計屏幕尺寸區(qū)間的劃分
  通常會劃分為4個區(qū)間，小屏、中屏、大屏、超大屏，3個臨界點(diǎn)的值一般是700多像素，900多像素，1200多像素。
  另外需要注意的是，PC中瀏覽器窗口有滾動條，CSS中與JS中屏幕的寬度會有滾動條寬度之差。
  4、CSS代碼書寫的順序
  小屏、中屏、大屏、超大屏，哪個作為標(biāo)準(zhǔn)，就先寫哪個區(qū)間的代碼。然后是區(qū)間尺寸從小到大依次書寫。
  5、JS代碼書寫的順序
  先初始化設(shè)置及處理元素，然后是事件處理，最后是窗口尺寸變化處理。