Question

需要在移动版本的li标签的末尾添加一个break标记，并将其隐藏为desktop.So wht函数要写入以及选择哪个窗口大小？

<li class="border_bottom_none" id="userbenifit">
    Benefit
    <em class="sub_text_heading float_right">
        <div id="benefitId"></div>
    </em>
</li>

由于我动态调用一个函数来解除它的好处，因此它的内容字符大小可能不同。因此，对于长时间的描述，它不能很好地显示出来。如果我可以找到窗口大小并且中断以显示相同的

，则添加中断标记将会解决

Answer 1

使用jquery窗口调整大小

$(window).resize(function(){
if($(window).width() < 640){   // take 640 as your breakpoint
 $("#userbenifit").append("<br/><br/>");
}else{
// remove br
}
})

或使用媒体查询并添加margin-bottom ：

<li class="border_bottom_none added-class" id="userbenifit">
    Benefit
    <em class="sub_text_heading float_right">
        <div id="benefitId"></div>
    </em>
</li>

的CSS：

@media only screen and (max-width: 640px)  {
 .added-class{
   margin-bottom : 2em;
 }
}

Answer 2

我想这样的事情可能有用：

$(function(){
    if($(window).width() < 600) // change this to your breakpoint
    {
        $("#userbenifit").append("<br/><br/>");
    }
})

基于窗口大小添加<br/> <br/>此标签

2 个答案: