您好，在我的引导页面中，我想制作自定义的响应式样式，我真的总是需要使用这样的媒体标签吗？
@media (max-width: 480px) { ... }
@media (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (min-width: 1200px) { ... }
在我的magento商店，我使用名为＆＃34; galayomarket＆＃34;这会根据窗口宽度为body标签添加一个类
<body class="adapt-3"> LARGE DESKTOP
<body class="adapt-2"> DESKTOP
<body class="adapt-1"> TABLET
<body class="adapt-0"> MOBILE
所以我可以简单地使用这些类来设置样式，例如我想在手机上更改表格的背景颜色：
.adapt-0 table {
backgorund-color: white;
}
而不是像这样使用@media
@media (max-width: 480px) {
table { backgorund-color: white; }
}
我错过了类似的引导程序吗？我只能根据屏幕大小找到隐藏/显示元素的类。