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

Question

似乎isTablet函数在以后返回true。为什么，以及我如何解决这个问题，因为桌面说它是CSS媒体查询时的平板电脑。

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

和

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

Answer 1

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

例如，如果您有一个通常为display: none但平板电脑有display: block的元素，请isTablet检查该元素的可见性。

Answer 2

.width（）函数不包含填充或边距。

http://api.jquery.com/width/

这可能是你注意到的不同。