由于我是新手设计的，因此在parwindcs中有XS，SM，MD，LG，XL等类。这些类对于做出设计响应非常有用。
但是，是否有适当的方法在vurtify中做出响应式网络，
我读过vurtify dos，
”同样，但无法理解它的使用，请提供适当的资源或有关我如何使用Vurtify进行响应设计而不是网格系统的信息。
提前致谢。
since I am new in designing, in tailwindcss there are classes like XS, SM, MD, LG, XL etc. these classes are very useful for making the design response.
but is there a proper way to make a responsive web in VURTIFY,
I have read VURTIFY dos,
https://vuetifyjs.com/en/styles/spacing/
it defines some break points too, but can't understand it uses, please provide a proper resource or information about how I do use VURTIFY for responsive design instead of it grid system.
Thanks in advance.
发布评论
评论（1）
Vuetify具有响应式设计的完整类列表。根据 vuetify documentation ，您可以使用
D- } - {value}以在不同的断点上设置显示，例如，您可以使用d-lg-noneclass setdisplaydisplay：none for element仅在大型设备上或使用d-sm-flexset显示：flex仅在小型设备上。您还可以使用
hidden- {brekablepoint} - {condition}在某些显示中隐藏一个元素在很小的设备上，或使用隐藏的md-and-up将元素隐藏在中等设备或更大的设备上。此外，您可以使用
brekakepoint服务对象/a>在JavaScript中，您只能在小设备上显示一个元素，等等。Vuetify has a complete class list for responsive design. According to Vuetify documentation, You can use classes like
d-{breakpoint}-{value}to set display on different breakpoints, for example, You can used-lg-noneclass to setdisplay: nonefor an element only on large devices or used-sm-flexclass to setdisplay: flexonly on small devices.You can also use
hidden-{breakpoint}-{condition}to hide an element in some displays, for example, You can usehidden-xs-onlyto hide an element on very small devices or usehidden-md-and-upto hide an element on medium devices or larger.Furthermore, You can use the
Breakpoint service objectin javascript, for example, you can show an element only on small devices and etc.