質問: ヤフー(スマホページ)で一番下に固定バナーを設置したい お世話になっております。ヤフーのスマートフォン商品ページで画面の最下部に固定されるバナーを貼りたいのですが以下のタグでは表示されませんでした。(※エラーは出ないが何も表示されない)お手数ですが直すところを教えて頂きたいです。通常のブラウザ版とアプリと両方表示することは可能でしょうか?よろしくお願いいたします。
回答: ecマスターズの田中です。> お手数ですが直すところを教えて頂きたいです。確認したところ、横幅(width)と画面下部からの距離(bottom)は指定されておりましたが、高さ(height)と画面左右からの距離(left もしくは right)が指定されておりませんでした。どんな高さで、もしくは、どの位置に、表示するかの指定が足りず、表示できていない可能性がございますので、それぞれスタイルシートに指示の追加をお願いします。画面横幅問わず、横幅いっぱいに表示する形式であれば、高さはvw単位でご指定いただくことで、(横幅からの割合、1vwで横幅の1%)画面横幅の変化に合わせて伸縮させることができます。横長すぎる画面で表示した場合に備え、最大値を設定しておくことをオススメします。例)height:16vw;max-height:100px;また、左右からの距離はなくなりますので、left:0px; もしくは right:0px; をご指定ください。> 通常のブラウザ版とアプリと両方表示することは可能でしょうか?アプリの商品ページのファーストビューでは、htmlの記載できない商品情報のみ掲載される関係から、バナーを表示させることはできません。(「商品情報をもっと見る」を押した後のページで表示される可能性はございます)