material-ui入门之定制化Breakpoints

文档:https://material-ui.com/zh/customization/breakpoints/

1.默认断点

每个断点(一个键)匹配了一个固定的屏幕宽度(一个值):

  • ** xs, ** 超小:0px
  • ** sm, **小:600px
  • ** md, **中等:960px
  • ** lg, **大:1280px
  • ** xl, **超大:1920px

这些断点值用于确定断点范围。 一个断点范围包含了起始的断点值,不包含终止的断点值。

value         |0px     600px    960px    1280px   1920px
key           |xs      sm       md       lg       xl
screen width  |--------|--------|--------|--------|-------->
range         |   xs   |   sm   |   md   |   lg   |   xl

2.media query方法

material-ui的theme.breakpoints下提供了一系列生成media query查询字符串的方法

这些方法的使用并不都像字面意思那样

2.1 up



上一篇:线段树模板+一些自己的理解


下一篇:如何用python抓取js生成的数据 - SegmentFault