CSS高级

Author Avatar
FanShen 11月 30, 2017

响应式设计

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

流式布局(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编写相应的样式