このページは書籍「レスポンシブWebデザイン入門」の連動サイトです。
サンプルファイルは下記のボタンよりダウンロードしてください。
DOWNLOAD
if(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()メソッドはローカルファイルでは動作しないので、サーバ環境で動作確認を行ってください。