如何隐藏某个页面宽度以下的文本？

Question

我的网站看起来像......

但是当它变得更加纤薄时，标题就会像......那样......

我希望它看起来像......

Answer 1

使用jquery

删除该标记内容的html

$(window).on('resize', function()
{
   var width = $(window).width();
   if(360 >= width)
   {
      $( "tagName" ).html("");
   }
   else
   {
      $( "tagName" ).html("KBFK - span bot for khoot");
   }
});

Answer 2

您可以使用CSS媒体查询轻松获得此结果。试试这段代码。

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

您可以将类headline指定给要在较薄视口中隐藏的标题文本。