如何使css网格只在手机上显示而不在桌面上显示

要使CSS网格只在手机上显示而不在桌面上显示，可以使用媒体查询（Media Queries）来实现。媒体查询是一种CSS3的功能，它允许根据设备的特性和属性来应用不同的样式。

首先，我们需要在CSS中定义一个网格布局，然后使用媒体查询来控制它的显示。以下是一个示例：

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

@media (min-width: 768px) {
  .grid-container {
    display: none;
  }
}

在上面的示例中，我们定义了一个名为.grid-container的网格容器，并设置了三个等宽的列和10像素的间隙。然后，我们使用媒体查询来指定在视口宽度大于等于768像素时，将.grid-container的显示设置为none，即隐藏它。

这样，当在桌面上浏览网页时，.grid-container将不会显示，只有在手机上才会显示。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的品牌商，我无法提供具体的链接。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，您可以在腾讯云官方网站上找到相关产品和详细介绍。

希望以上信息对您有所帮助！