スマホカテゴリーページ　サムネイル表示について

Question

いつもお世話になっております。

https://forum.ec-masters.net/post_view.php?id=7150

こちらの投稿を参考にしたのですが、2段組みで画像を100%枠いっぱいにするにはどうしたらいいでしょうか？

#sCSLContainer > a {
display: inline-block;
box-sizing: border-box;
width: calc(100% / 2);
vertical-align: top;
padding: 0 2px 3px;
}

のwidth: calc(100% / 2);のみ変更、その他の部分は変更していません。

よろしくお願いします。

Accepted Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

100%枠いっぱい、というのは、
スマートフォンの横幅いっぱいに表示させたいということですね。
その場合は、下記のように修正をお願いします。

■修正点１
「rakutensp.css」に含まれる
div#sCSLContainer .inLeft に対する規則にて、
width と height に指定されている 48vw を 100% に変更し、さらに
box-sizing: border-box; を追加する。

■修正点２
「rakutensp.css」など、カテゴリページで読み込まれるスタイルシートの中に
下記の規則を追記する。

.inLeft:before {
    padding-top: 100%;
    content: " ";
    display: block;
}

Answer

田中様

いつもお世話になっております。

ご回答ありがとうございました。

今後ともよろしくお願い致します。

スマホカテゴリーページ サムネイル表示について

スマホカテゴリーページ　サムネイル表示について