
CSS中屏幕尺寸断点规定
CSS 中使用 sm、md、lg、xl、2xl 等表示不同屏幕尺寸,这些尺寸在响应式设计中用于控制元素在特定屏幕宽度下的显示方式。
具体屏幕尺寸如下:
xs: 超小屏幕,通常指手机屏幕,宽度小于 576pxsm: 小屏幕,通常指平板电脑或手机横屏模式,宽度介于 576px 到 768pxmd: 中等屏幕,通常指笔记本电脑或平板电脑上的较宽屏幕,宽度介于 768px 到 992pxlg: 大屏幕,通常指台式机或笔记本电脑上的更大屏幕,宽度介于 992px 到 1200pxxl: 超大屏幕,通常指大型台式机或投影仪屏幕,宽度大于 1200px
例如:
立即学习“前端免费学习笔记(深入)”;
sm 屏幕尺寸适用于宽度为 640px 的手机屏幕md 屏幕尺寸适用于宽度为 768px 的平板电脑或手机横屏模式
更多具体信息,请参考 Bootstrap 响应式设计文档:https://element.eleme.io/#/zh…
以上就是## CSS 中 sm、md、lg、xl、2xl 代表什么尺寸?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1630678.html
微信扫一扫
支付宝扫一扫