Quasar使用以下CSS断点:
| 视窗大小 | 名称 | 宽度阈值(以像素为单位) |
|---|---|---|
| 特小 | xs |
高达599px |
| 小 | sm |
最高1023px |
| 中 | md |
高达1439px |
| 大 | lg |
高达1919px |
| 超大 | xl |
大于1920像素 |
现在到与窗口宽度有关的CSS类。
| 班级名称 | 描述 |
|---|---|
xs |
仅在超小窗户上显示 |
sm |
仅在小窗户上显示 |
md |
仅在中型窗口上显示 |
lg |
仅在大窗户上显示 |
xl |
仅在超大窗户上显示 |
如果某些DOM元素或组件的大小小于其中之一,则还可以显示它。相同的大于一个大小。`<br />lt-md仅在xs和sm上lt-xl显示),<br />(仅在xs,sm,md和lg窗口上gt-md`显示),
(在大于中等的窗口上:lg和xl上显示)。
您可以将可见性类与inline内联块的类结合使用。
例: <span class="gt-sm inline">...</span>
