调整窗口大小时，Bulma卡片更改宽度

Bulma是一个基于Flexbox的现代CSS框架，用于构建响应式和移动优先的网站。它提供了一套简洁、灵活的CSS类，可以轻松地创建各种布局和组件。

在Bulma中，要调整卡片的宽度可以通过使用不同的CSS类来实现。以下是一些常用的类和方法：

1. 使用is-fullwidth类可以使卡片充满父容器的宽度，无论窗口大小如何变化，卡片的宽度都会自动调整。

<div class="card is-fullwidth">
  <!-- 卡片内容 -->
</div>

1. 使用is-one-quarter、is-one-third、is-half等类可以设置卡片的固定宽度，这些类将卡片分别设置为父容器宽度的1/4、1/3、1/2等比例。

<div class="card is-one-quarter">
  <!-- 卡片内容 -->
</div>

1. 使用is-2-desktop、is-3-tablet、is-4-mobile等类可以根据不同设备的屏幕大小设置卡片的宽度。例如，is-2-desktop表示在桌面设备上卡片宽度为父容器宽度的1/2。

<div class="card is-2-desktop">
  <!-- 卡片内容 -->
</div>

Bulma还提供了许多其他类和组件，可以根据具体需求进行调整和定制。更多关于Bulma的详细信息和使用方法，可以参考腾讯云的相关产品介绍链接地址：Bulma - 腾讯云产品介绍。