弹性网络

弹性网络(删格系统)

• sm 小屏幕
• md 中屏幕
• lg 大屏幕

响应式图片

• 给img的宽度 设置为 100%

• 使用background-image 配合 padding-top/background-size

• 使用 <picture> 标签。

  
  
  
  
  
  

• 使用 pricturefill.js 插件

  
  
  
  
  

• 使用插件实现图片拖动

  
  

  
  

  

  
  

  

  
  

  

  
  

  
  

  
  <
  >
  

  
  
  
  window.mySwipe = new Swipe(document.getElementById('imglist'), {
  startSlide: 2,
  speed: 400,
  auto: 3000,
  continuous: true,
  disableScroll: false,
  //stopPropagation: false,
  // callback: function(index, elem) {},
  //transitionEnd: function(index, elem) {}
  });