如何在调整大小时将这4列转换为3列？

在调整大小时将4列转换为3列，可以通过以下步骤实现：

1. 使用CSS的网格布局（Grid Layout）来实现列的调整。网格布局是一种强大的布局系统，可以将页面划分为行和列，并在其中放置元素。
2. 首先，在父容器中定义一个网格布局，使用display: grid;属性。
3. 设置父容器的列数为3列，可以使用grid-template-columns: repeat(3, 1fr);属性。这将创建一个包含3个等宽列的网格。
4. 将原始的4列元素放置在父容器中。默认情况下，这些元素将自动填充到网格中的每个单元格。
5. 如果需要将这4列转换为3列，可以使用CSS的grid-column属性来指定每个元素所占的列数。例如，将第4列元素的grid-column属性设置为span 2，表示该元素将占据2个列。

以下是一个示例代码：

<style>
  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .grid-item {
    background-color: #f2f2f2;
    padding: 20px;
    text-align: center;
  }

  .item-4 {
    grid-column: span 2;
  }
</style>

<div class="grid-container">
  <div class="grid-item">列1</div>
  <div class="grid-item">列2</div>
  <div class="grid-item">列3</div>
  <div class="grid-item item-4">列4</div>
</div>

在上述示例中，我们创建了一个包含3列的网格布局，并将第4列元素的grid-column属性设置为span 2，这样它将占据两个列的宽度。其他列元素将自动填充到剩余的列中。

这种方法可以适用于各种调整列数的情况，只需根据需要调整网格布局的列数和元素的grid-column属性即可。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，可满足各类业务需求。
• 腾讯云云数据库 MySQL：高性能、可扩展的关系型数据库服务。
• 腾讯云云原生容器服务 TKE：基于 Kubernetes 的高度可扩展的容器管理服务。
• 腾讯云对象存储 COS：安全、稳定、低成本的云端对象存储服务。
• 腾讯云人工智能：提供丰富的人工智能服务和解决方案，如图像识别、语音识别等。
• 腾讯云物联网平台（IoT Hub）：为物联网设备提供连接、管理和数据处理能力。
• 腾讯云移动推送（TPNS）：高效、稳定的移动消息推送服务。
• 腾讯云区块链服务（BCS）：提供一站式区块链解决方案，支持快速部署和管理区块链网络。
• 腾讯云云游戏解决方案：提供高性能、低延迟的云游戏服务。
• 腾讯云视频处理：提供视频上传、转码、剪辑、播放等功能的全链路视频处理服务。

以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来支持云计算和开发工作。