当屏幕宽度<767时，移除水平线<hr />

Question

当屏幕宽度小于<hr>时，如何隐藏水平线标记767px？

如何仅使用css完成此操作。

Answer 1

您可以使用CSS来执行此操作，它将以设备宽度为单位并检查它是否为真。

@media (max-width:767px) { hr { visibility: none; } //This will make the hr hidden if the screen size is under 767px

或者您可以使用JavaScript来检查宽度，看看是否应该将hr传送到页面。

亲切的问候

Answer 2

＆＃13;

＆＃13;

@media(max-width:767px) {
  hr {
    display:none;
  }
}

＆＃13;

<hr />

＆＃13;

＆＃13;

＆＃13;

有关media queries的更多信息。

Answer 3

我知道它没有被标记，但Javascript将如下：

HTML：

<hr id="rule" />

JS：

if(window.innerWidth < 767){
   document.getElementById("rule").style.visibility = 'hidden';
}
else{
   document.getElementById("rule").style.visibility = 'visible';
}

Answer 4

使用它：

@media screen and (max-width: 767px) {
    hr{
        display:none;
    }
}