このページは書籍「レスポンシブWebデザイン入門」の連動サイトです。
サンプルファイルは下記のボタンよりダウンロードしてください。
DOWNLOADif(window.matchMedia("(min-width:768px)").matches&&$("#wrapper").hasClass("show")){ $("#wrapper").removeClass(); }
if(window.matchMedia("(min-width:960px)").matches&&$("#wrapper").hasClass("show")){ $("#wrapper").removeClass(); }
このときのbodyのフォントサイズは14pxなので
とあります。
該当箇所はメディアクエリで幅1210px(75.625em)以上の条件内での指定となっております。そしてこの条件の時のbodyのfont-sizeはメディアクエリで14pxに指定されております。
ただしこのfont-sizeの指定はこれより後のP.227で触れられているため、P.207の時点では気づけない構成となっております。構成の誤りです。
/*common.css 358行目*/ @media only screen and (min-width: 56.25em) { /*900px*/ body{ font-size: 14px; font-size: 1.4rem; }
.ie7 #garelly ul li{ width: 33.2493%; }
.ie7 #garelly ul li{ width: 33.2526%; }
$('#photoGarelly').load
jQueryの.load()メソッドはローカルファイルでは動作しないので、サーバ環境で動作確認を行ってください。