媒体查询的换行符？

Question

当屏幕分辨率较小而不是<br>时，是否有换行解决方案？

因为br一直在破线:(

这是我的代码 <h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>

我认为CSS3可能解决了这个问题

是否有此<br>的任何解决方案，因为只有在移动设备上的页面

时才需要换行符

提前感谢您的帮助

Answer 1

您可以简单地将一个类添加到BR标记，并将其设置为display：none默认。

然后在您的移动媒体查询中将其设置为“display：static”

我建议使用static而不是block，因为我认为默认情况下BR标签不是显示块，所以最好只使用静态。

Answer 2

如果使用Bootstrap：

<br class="visible-xs">

Answer 3

你可以使用花车，这样你甚至不需要考虑捕捉点的位置。它既可以显示彼此相邻，也可以在它们不适合的情况下立即捕捉到下一行。

span {
    display: block;
    float: left;
    margin-right: 0.4em;
}

jsFiddle：http://jsfiddle.net/e4mWK/

Answer 4

先移动，隐藏br，然后在较大的屏幕上将显示设置回initial：

<br class="hide desktop-show">

css：

.hide {
    display: none;
}

@media (min-width: 64em) {
    .desktop-show {
        display: initial;
    }
}