## CSS 中 sm、md、lg、xl、2xl 代表什么尺寸？

CSS中屏幕尺寸断点规定

CSS 中使用 sm、md、lg、xl、2xl 等表示不同屏幕尺寸，这些尺寸在响应式设计中用于控制元素在特定屏幕宽度下的显示方式。

具体屏幕尺寸如下：

• xs: 超小屏幕，通常指手机屏幕，宽度小于 576px
• sm: 小屏幕，通常指平板电脑或手机横屏模式，宽度介于 576px 到 768px
• md: 中等屏幕，通常指笔记本电脑或平板电脑上的较宽屏幕，宽度介于 768px 到 992px
• lg: 大屏幕，通常指台式机或笔记本电脑上的更大屏幕，宽度介于 992px 到 1200px
• xl: 超大屏幕，通常指大型台式机或投影仪屏幕，宽度大于 1200px

例如：

• sm 屏幕尺寸适用于宽度为 640px 的手机屏幕
• md 屏幕尺寸适用于宽度为 768px 的平板电脑或手机横屏模式

更多具体信息，请参考 Bootstrap 响应式设计文档：https://element.eleme.io/#/zh...

以上就是## CSS 中 sm、md、lg、xl、2xl 代表什么尺寸？的详细内容，更多请关注其它相关文章！