有（文本中断）只出现在手机上

Question

所以我的文字不适合移动设备，所以我需要一个文本中断但是，我不希望我的浏览器上的文本中断，我只希望它出现在移动设备上。有没有办法做到这一点？

Answer 1

正如评论中所提到的，可能有更好的方法来处理你所拥有的任何情况，而不是你正在做的事情。你的问题有点太低，无法真正了解。

但是，要直接回答您的问题，您可以尝试使用媒体查询隐藏某些屏幕尺寸的<br />代码

https://jsfiddle.net/ah7xgbp1/

<p>
  This is line 1
  <br /> This is line 2

@media only screen and (min-width: 768px){ // common tablet/mobile size
  br {
    display: none;
  }
}

Answer 2

第一步是检测它是否是移动设备（taken from here)

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {// some code..}

在if语句中，添加添加br的代码。

$('somewhere').append("<br>");

Answer 3

有些方法可以根据查看器设备为html页面提供特定的css甚至某些html元素。我自己以前从未在纯html / css中做过。

（我很确定这是一个html5和CSS3功能）

http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript/可能会有所帮助。