jquery - 使用jquery删除具有一定宽度的div

Question

我正在尝试为移动设备制作一个完全不同的网页版本，为此，当浏览器窗口宽度大于 767px 时，我需要某些 div 消失。我试图用 jQuery 来做这样的事情：

<script>
if ( $('body').width > 767px ) {
    $('.mobile').remove();
}
</script>

但它根本不起作用。

我想在更大版本中消失的 div 有 class .mobile。

Answer 1

你不一定需要 JS。你看过媒体查询吗？

@media only screen and (min-width: 767px) {
    .mobile { display: none }    
}

如果您仍想使用 jQuery：

if ( $('body').width > 767 ) {
    $('.mobile').css('display', 'none');
}

Answer 2

请尝试使用媒体查询。看看http://cssmediaqueries.com/

Answer 3

.width()将返回一个像素值，因此您需要检查 767

您可以使用媒体查询，但应考虑浏览器支持：http: //caniuse.com/css-mediaqueries

Answer 4

@media screen and (min-device-width: 767px) {
  .mobile {display:none;}
}

或者

$('.mobile').toggle(parseInt($('body').width())>767);