当设备屏幕较小时，删除div元素的边框

Question

我有两个div元素并排，边框作为分隔符。当通过移动屏幕观看时，我将div元素与bootstrap3对齐在一起。但我仍然看到边界线，因为我在css中设置它。任何人都可以帮助我删除带有引导程序的边界而不是媒体查询吗？

代码：

.div-box{
        .make-row();
        .div-container{
            .make-sm-column( 6 );
        }
    }
    .div-container {
        float: left;
        padding-left:25px;
        border-left: 1px solid #aaaaaa;

    }

Answer 1

您可以使用CSS media queries

@media (max-width: 480px) {
  .div-container {
    border: none;
  }
}

Answer 2

媒体查询（Tambo答案）将是最佳选择，但如果您不想使用媒体查询，则可以使用jquery：

$(window).resize(function() {
    var w = $(window).width();
    var elem = $('#elem');
    if (w < 480) {
        elem.css('border-left': 'none');
    } else {
        elem.removeAttr('style');
    }
});