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

.width（）関数は、パディングまたはマージンを含みません。あなたは気づいているの違いかもしれ

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

。

Answer 2

isTablet関数の幅をハードコードする代わりに（DRYに続く）、メディアクエリのために変化する要素の状態を確認できます。

たとえば、通常display: noneですが、タブレットの場合はdisplay: blockの要素がある場合は、代わりにisTabletにその要素が表示されていることを確認してください。