HTML 如何调整标签的宽度

HTML 中调整标签宽度通常通过 CSS (层叠样式表) 来完成。你可以直接给元素添加 `width` 属性，例如 `<div style="width: 200px;">...</div>` 将设置这个 div 的宽度为 200像素。另外，如果你想要基于百分比、设备视口或者某个固定单位（如 em 或 rem），可以这样写：

- `%` 百分比：`<div style="width: 50%;">` 设置为父容器宽度的一半。
- `px` 像素：`<div style="width: 600px;">` 直接指定固定像素数。
- `vw` 和 `vh` 分别表示视口宽度和高度的百分比：`<div style="width: 50vw;">` 设置为视口宽度的50%。

对于响应式设计，可以使用媒体查询 (`@media`) 根据屏幕大小改变宽度，比如：

<style>
  .responsive-div {
    width: 100%;
  }
  
  @media screen and (min-width: 768px) {
    .responsive-div {
      width: 50%;
    }
  }
</style>

<div class="responsive-div">内容</div>

这将让 `.responsive-div` 在屏幕宽度小于 768px 时填满宽度，在更大屏幕下变为宽度为 50%。