CSS高级 | Silas's Blog

响应式设计

一套统一的设计和代码，适应多种不同的设备

流式布局(fluid grids)

弹性图片(flexible images)

媒体查询(media query)

• 媒体类型(media-type)
  • all
  • screen
  • print
  • speech
• 媒体特征(media-features)
  • width
  • aspect-radio
  • prefer-color-scheme
• 操作符(logical operators)
  • and
  • not
  • only
  • ,

mobile first

为移动端编写默认的样式，其他终端根据media query编写相应的样式