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