div {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

这样，无论屏幕尺寸如何变化，边框的宽度都会保持固定，实现了一定程度的自适应。

另外，还可以利用伪元素来创建分隔线。比如，使用 ::before 或 ::after 伪元素，如下所示：

div::before {
  content: "";
  display: block;
  border-top: 1px solid #000;
  margin-bottom: 20px;
}

这种方式可以更加灵活地控制分隔线的样式和位置。

对于更复杂的自适应需求，可以结合媒体查询（Media Queries）。根据不同的屏幕宽度，设置不同的分隔线样式。例如，在小屏幕设备上，分隔线可以更细，而在大屏幕设备上，可以更粗更突出。

@media (max-width: 600px) {
  div {
    border-top: 0.5px solid #000;
  }
}

@media (min-width: 601px) {
  div {
    border-top: 1px solid #000;
  }
}

使用 Flex 布局和 Grid 布局也能实现自适应分隔线。在 Flex 布局中，可以通过设置容器的属性来控制分隔线的分布；在 Grid 布局中，可以为网格之间添加分隔线。

通过巧妙运用 CSS 的各种属性和特性，如 border 属性、伪元素、媒体查询、Flex 布局和 Grid 布局等，可以实现多种满足不同需求的自适应分隔线效果。根据具体的网页设计和用户体验要求，选择最合适的方式来创建美观且自适应的分隔线，能够提升网页的整体品质和用户友好度。