响应式布局(官网开发)

105 阅读1分钟

CSS部分

  • 第一点:尽可能使用flex布局
  • 第二点:尽可能使用transition:1 liner;过渡动画
  • 第三点:版心1200改为max-width:1200
  • 第四点:@media设置设备最大不要设置最小
  • 第五点:使用%单位处理媒体容器及元素

HTML部分

  • 第一点:查看是否具有viewport
  • 第三点:HTML自带媒体元素,例如图片,视频,音频,设置内联样式,style="width:100%;height:100%"

JS部分

  • 第一点:注意window对象的onResize事件
  • 第二点:注意请求头User-Agent
  • 第三点:注意AJAX的兼容性