レスポンシブWebデザイン入門

このページについて

このページは書籍「レスポンシブWebデザイン入門」の連動サイトです。

レスポンシブWebデザイン入門
レスポンシブWebデザイン入門
小川 裕之(著)
amazonで購入する

サンプルファイル

サンプルファイルは下記のボタンよりダウンロードしてください。

DOWNLOAD

サンプルサイト

Chapter2 レスポンシブWebデザインのレイアウトパターン

Chapter3 レスポンシブWebデザインのサイト制作

正誤表及び本文補足

P.127

if(window.matchMedia("(min-width:768px)").matches&&$("#wrapper").hasClass("show")){
	$("#wrapper").removeClass();
}
		

if(window.matchMedia("(min-width:960px)").matches&&$("#wrapper").hasClass("show")){
	$("#wrapper").removeClass();
}
		

P.207

このときの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;
}
		

P.258

.ie7 #garelly ul li{ width: 33.2493%;	}

.ie7 #garelly ul li{ width: 33.2526%;	}

P.246

$('#photoGarelly').load

jQueryの.load()メソッドはローカルファイルでは動作しないので、サーバ環境で動作確認を行ってください。

著者

小川裕之
小川 裕之
site : http://tsukuri.be
blog : http://design-spice.com
twitter : @barchin
facebook : hiro.ogw
※ご質問や内容の誤りなどございましたら上記のいずれかの連絡先よりご連絡ください