javascript - 如何获得与CSS媒体查询相同的宽度

似乎isTablet函数在以后返回true。原因及解决方法isTablet说，当CSS媒体查询执行时，它是平板电脑。

function isTablet() {
    return $(window).width() >= 768;
}

和

<link href="css/tablet-default.css" media="all and (min-width: 768px)" rel="stylesheet" type="text/css" />

最佳答案

您可以检查由于媒体查询而发生更改的元素的状态，而不必在isTablet函数中对宽度进行硬编码（在DRY之后）。

例如，如果您的元素通常为display: none，但对于平板电脑则为display: block，则请isTablet对该元素进行可视检查。