标签：-------- lg xl material Breakpoints ui sm xs 断点

文档：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

标签：--------,lg,xl,material,Breakpoints,ui,sm,xs,断点
来源： https://blog.csdn.net/qq_27868061/article/details/118914800

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。