响应式可见性模式

1/* 仅移动端：在小屏幕上可见 */
2.mobile-only {
3  display: block;
4}
5
6@media (min-width: 768px) {
7  .mobile-only {
8    display: none;
9  }
10}
11
12/* 仅桌面端：在更宽的屏幕上可见 */
13.desktop-only {
14  display: none;
15}
16
17@media (min-width: 768px) {
18  .desktop-only {
19    display: block;
20  }
21}