2015-06-03 既存のサイトをモデルにする レスポンシブデザイン編 レスポンシブデザイン 授業で制作したレスポンシブデザインのサイトをモデルとして使用した既存サイトと同じ動きになるよう細かい修正を加えました。 PC・タブレットサイズでは2×2サイズの大きなピザの写真がスマートフォンサイズでは相対的に大きく見え過ぎるので、スマートフォンサイトでは2×1サイズにリサイズした別画像を表示させます。 また、共通のスタイルシートに記述していたホバーするとズームするアニメーションをPCサイズとタブレットサイズのCSSのみに適用させました。 キリン風レスポンシブ対応サイト 参考サイトキリン株式会社www.kirin.co.jp