javascript - さまざまな画面デバイスでコードの一部を完全に非表示にする JavaScript ソリューションが必要

Question

モバイル、デスクトップ、タブレットでこの JavaScript セクションを正しい幅に統合しようとしているので、次のように書きました。

これはモバイルで表示されます (CSS で @media (min-width:...) を使用)

<p align="center">News<script language="JavaScript" type="text/javascript" charset="iso-8859-1" src="//www.intopic.it/iframe.php?cat=fonti-rinnovabili&amp;rootcat=tecnologia&amp;type=2&amp;bgcolor=FFFFFF&amp;bdcolor=FFFFFF&amp;lcolor=666666&amp;font=1&amp;fontsize=13&amp;box=1050&amp;window=1"></script></p>

これはタブレットに表示されます (CSS で @media (min-width:...) を使用)

<p align="center">News<script language="JavaScript" type="text/javascript" charset="iso-8859-1" src="//www.intopic.it/iframe.php?cat=fonti-rinnovabili&amp;rootcat=tecnologia&amp;type=2&amp;bgcolor=FFFFFF&amp;bdcolor=FFFFFF&amp;lcolor=666666&amp;font=1&amp;fontsize=13&amp;box=1050&amp;window=1"></script></p>

これはデスクトップに表示されます (CSS で @media (min-width:...) を使用)

<p align="center">News<script language="JavaScript" type="text/javascript" charset="iso-8859-1" src="//www.intopic.it/iframe.php?cat=fonti-rinnovabili&amp;rootcat=tecnologia&amp;type=2&amp;bgcolor=FFFFFF&amp;bdcolor=FFFFFF&amp;lcolor=666666&amp;font=1&amp;fontsize=13&amp;box=1050&amp;window=1"></script></p>

問題は変数「ボックス」が原因で、実際にはブラウザーによって 3 回読み取られます。モバイル、タブレット、および PC のコードの各部分が存在し、ブラウザーによって読み取り可能であるため、幅を次のように設定する最後のボックス値を取得します。 250 はモバイルでは問題ありませんが、デスクトップやタブレットでは問題ありません。そのため、デバイスに適合するコードの部分のみを動的に表示する必要があります。どうすればよいですか?