桌面是班级列表，移动是班级网格 时间：2019-05-27 作者：Dani <input type="radio" class="list" checked> <!-- checked, desktop --> <input type="radio" class="grid"> <!-- checked, mobile --> 这里的课程列表是桌面和手机。我知道这是css媒体屏幕。如何更改移动is类网格和桌面is类列表？现在它是第一个列表中唯一的一个，包括桌面和移动设备。 1 个回复 SO网友:wsoil 如果我们假设您的手机版本的最大分辨率为980px，那么您可以在手机上使用最大宽度为980的媒体查询。在此媒体查询中，您可以选择要显示的停止列表项。在桌面的另一侧，介质的最小分辨率为981px，您可以将网格设置为不显示。<style> @media screen and (max-width: 980px){ .list { display: none; } } @media screen and (min-width: 981px){ .grid{ display: none; } } </style> 文章导航
