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

質問

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

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

回答No.2

yui125132 · ベストアンサー

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

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

お礼

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

回答No.3

lv4u

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

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

回答No.1

yui125132

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になります。