Question

我想知道当屏幕尺寸变得太小时，是否有纯粹的css或bootstrap方式让元素上的边框消失？这是因为我有3列，其间有一个像col|col|col这样的边框，当页面太小时，它们看起来像这样

 col
|col|
 col

我不想让中间的边框。有什么想法吗？

Answer 1

您可以对这些边框进行媒体查询，并在边框过小时将其更改为display:none。

例如，如果你有这样的事情：

.vertical-border {
  height: 200px;
}

您可以添加：

@media screen and (max-width: 300px) {
  .vertical-border {
    display: none;
  }
}

同样，如果边框是元素本身的属性，则可以覆盖媒体查询中的border属性。

border: 0;