ブログパーツをレスポンシブ化したい

下記のようなブログパーツをレスポンシブ化したいです。
<script type="text/javascript" src="URL&width=500&height=500"></script>

上記のようにPC用サイトにあわせてサイズを指定すると、スマホのページではみ出してしまいます。
スマホのページでもPCのページでもサイトの幅にぴったり収まるように幅を自動調整させたいのですが、どうすればいいでしょうか。

No.2 ベストアンサー 回答者： yui125132 回答日時： 2013/11/22 12:25

1の回答は微妙に趣旨がずれていましたので、訂正

pc用とmobile用二つ用意してmediaを使って
表示・非表示(display: none;)を切り替えてみてはいかがでしょうか？

この回答へのお礼

ありがとうございます。
この方法で解決しました！

お礼日時：2013/11/22 20:22

No.3 回答者： lv4u 回答日時： 2013/11/22 12:25

>>スマホのページでもPCのページでもサイトの幅にぴったり収まるように幅を自動調整させたいのですが、どうすればいいでしょうか。

自動調整するように、CSSやPHP、javascriptなど、創意工夫して対応するプログラムを書くことです。

No.1 回答者： yui125132 回答日時： 2013/11/22 12:11

javascriptで画面幅を取得してやる方法もありますが、

cssで試されてみてはいかがでしょう？

<div id="box"></div>

<style type="text/css">
#box{
width: 500px;
height: 500px;
}

@media (max-width: 991px) { <!-- 画面幅が991px以下の例 -->
#box{
width: 300px;
height: 300px;
}
}
</style>

この場合だと、画面幅が991px以下になるとdiv要素が300*300になり、992px以上だと500*500になります。