楽天　スマホ　検索窓のサイズを変えるには

Question

いつもお世話になっております。検索窓の設定について教えていただけますでしょうか。下記の設定をスマートフォンにしたところ、小さい窓になってしまいました。これの高さ、幅はスマホの幅に合うようにサイズを変えたいのですがどのようにすればよろしいのでしょうか？よろしくお願いいたします。スマートフォン商品ページ共通説明文へ下記を設定。GOLDに下記をUP

Answer

ECマスターズの田中です。> 高さ、幅はスマホの幅に合うようにサイズを変えたいのですがどのようにすればよろしいのでしょうか？まずは幅の調整が大切ですので、幅を調整する方法をご案内いたします。iframeの横幅を調整するには、iframe自体の横幅を拡げてから、合わせてページ内容も拡げていただく流れになります。iframeタグに、width="100%"上記属性を設定することで、iframeタグが含まれる領域いっぱいに、横幅を拡げることができます。ページ内容は「rakutensearch.html」を編集していただく形ですが、たとえば<input type="text" name="sitem">に対するスタイルシート規則にてwidth: 100%;を適用することで、横幅いっぱいの表示になります。さらに見た目の調整が必要な場合は、引き続き「rakutensearch.html」にて、スタイルシートを利用してbodyタグの余白の削除や、ボタン・入力欄の表示変更などをお試しください。見た目の調整が完了しましたら、内容の高さに合わせて、十分に内容を表示できる高さをheight="高さ"上記属性で、半角数字にてご設定いただきますようお願いします。

Answer

田中様お世話になっております。ありがとうございます。まずは幅を広げようと、>iframeタグに、width="100%"上記属性を設定することで、iframeタグが含まれる領域いっぱいに、横幅を拡げることができます。これは↓↓とし、また、>ページ内容は「rakutensearch.html」を編集していただく形ですが、たとえばに対するスタイルシート規則にてwidth: 100%;を適用することで、横幅いっぱいの表示になります。これは↓↓
または
とやってみたのですが、違うようですね。申し訳ございませんが詳しく教えてください。よろしくお願いいたします。

Answer

ECマスターズの田中です。各タグに直接スタイルシートを適用するには、style属性をご利用いただく形になります。最初にいただいたタグに含まれるbodyタグでも、このように、style属性で文字の中央揃えを指定しております。つまり、このようにご記載いただきますようお願いします。

Answer

田中様ありがとうございます。下記のようにして幅と高さを変わりました。
文字のサイズも変えようと下記にして、サイズは大きくなったのですが、この方法で問題ありませんか？よろしくお願いいたします。

Answer

ECマスターズの田中です。> 文字のサイズも変えようと下記にして、サイズは大きくなったのですが、この方法で問題ありませんか？inputタグによるボタンですと、環境によってはスタイルシートの適用が難しい場合がございますので、buttonタグにご変更いただくことをオススメします。まずは、下記タグに置き換えてみてください。

Answer

田中様お世話になっております。ファイル保存時に文字コード（shift-JIS）が変わってしまったようで、文字化けが発生して、あれこれやっていたら時間がかかってしまいましたが、無事表示されました、ありがとうございます。

楽天 スマホ 検索窓のサイズを変えるには

カテゴリーから探す

楽天　スマホ　検索窓のサイズを変えるには