特設ページのレスポンスデザイン

Question

他社を参考に、
初めて楽天スーパーセール用の特設ページを作成しました。

スマホでみることを想定して作ってあります。
https://www.rakuten.ne.jp/gold/haremode/super/super-ss_2024.06.html

なので、PCでみると若干大き過ぎて見づらいです。
PCでも、綺麗に見えるようにするには、どうするのが良いでしょうか？
出来れば、同じURLのままで、画像も作り直さずにレスポンスデザインにしたいです。

御社の過去のフォーラムで下記の記載がありました。
GOLDでは、RMSの範囲では使用出来ないJavascriptやjQuery等のタグが
使用できますので自由度の高いページの作成が可能となります。

【参考URL】
JavaScriptによるメディアクエリ
https://www.marukin-ad.co.jp/marulog/?p=2961

CSSのメディアクエリ
https://www.willgate.co.jp/promonista/media-query/

他社様参考サイト（PCもスマホもきれいに見えます）
下記、サイトの.jsを完コピーしても、上手く動きませんでした。
https://www.rakuten.ne.jp/gold/lauda-honey/supersale/supersale_2106/honey_sale_2106.html

下記.jsも試してみましたが、上手くいきませんでした。
   document.addEventListener('DOMContentLoaded', function() {     var maxWidth = 800;     if (window.innerWidth

Accepted Answer

ECマスターズの伊藤です。

> なので、PCでみると若干大き過ぎて見づらいです。
> PCでも、綺麗に見えるようにするには、どうするのが良いでしょうか？
> 出来れば、同じURLのままで、画像も作り直さずにレスポンスデザインにしたいです。

現在のページのHTMLの一番上に


一番下に


を入れていただきますと、横幅800px以上の場合
画像を拡大しないようになります。

max-width:800px
の数値を変更いただくことで、
画像の最大の横幅を変更することができますので、
ご希望の数値に変更をお願いいたします。