如何更改组件的vuetify默认断点？

Question

我想对某些文件使用vuetify默认断点。我已经在源目录中创建了一个styles文件夹，并且在我创建了variables.scss文件的styles文件夹中。在变量scss文件中，我的代码是这样的。

$grid-breakpoints: ( xs: 0, sm: 650px, md: 1190px, lg: 1100px, xl: 1200px );

这是我整个项目的主要断点。但我只想仅对某些组件覆盖断点。

我有什么方法可以实现？

Answer 1

断点的想法是一起调整页面所有部分的大小。 如果您不会只为一个组件定制断点，只需在CSS中编写默认的媒体查询，如https://developer.mozilla.org/en-US/docs/Web/CSS/@media