トップロゴイメージをスマートフォンで切り替わるように変更

今までスマートフォンで見るとトップロゴ周りの空間が無意味に空き過ぎていたので、jQueryプラグイン「Breakpoints.js」を導入して、スクリーン幅480pxを境にトップロゴイメージが切り替わるようにした。プラグインは指定された画像名の末尾を設定スクリーン幅を境に差し替えることで読み込み画像の切り替えを実装するというもの。切り替えは実現出来たが、画像表示サイズに問題が生じた為、top.cssに追記してMedia Queriesで480px以下では画像サイズを％指定して対応した。
参考サイト　→　レスポンシブの画像問題を解決する簡単な方法