商品レビューの改行表示方法(ブラウザー・スクショ)

Question

商品レビューをスクショして利用しようと思っています。

既存の表示だと文字(レビュー内容)が横長になってしまうので
レビュー文言を改行表示させてからスクショを撮ろうとしましたが
ブラウザ(chrome)の幅を短くして見ましたが、レビュー文言が改行されません
(改行表示されることがごくたまにあります)

どのような方法で改行して表示できるでしょうか

Accepted Answer

ECマスターズの田中です。

まずは、レビュー文言の横幅を狭くして、
自動改行を増やして表示させたい、
という解釈にて、方法をご案内いたします。

ブラウザに備わっている「開発者（デベロッパー）ツール」を利用することで、
ページをスマートフォンで閲覧したときの見た目に
することができます。

上記ページに沿って、
https://review.rakuten.co.jp/item/1/247451_10001761/1.1/
上記レビュー表示ページをスマートフォンの表示に
切り替えてみてください。

実際の操作を、動画でも撮影してみました。
https://ec-masters.gyazo.com/731494671b149d3476d48422e9e2e9fc

スマートフォン用ページにした上で
ページの横幅を増減させることで、
レビュー本文が改行される数を
調整していただくことができますので、
お試しの上、スクリーンショット撮影に
お役立ていただきますようお願いします。

望んでいるものと異なる、ページの見た目が私の環境と異なる、
など、問題点がございましたら、
・パクチーさんにてご覧いただいた商品ページのURL
・パクチーさんにてご覧いただいた様子のスクリーンショット
・（可能であれば）このように表示させたい、というイメージ図
など、詳しい内容を添えて、
改めてご返信いただきますようお願いいたします。

Answer

ECマスターズの田中です。

どちらの画面で表示をご確認いただいておりますでしょうか。

実際の商品を例にあげますと、
https://item.rakuten.co.jp/fts-store/bft-57104bg/
商品ページでは横幅898pxで固定表示ですが、

https://review.rakuten.co.jp/item/1/247451_10001761/1.1/
「すべてのレビューを見る」よりご覧いただくと、
横幅670pxまで縮めることができます。

さらに縮めたい場合は、
スマートフォンで上記URLを閲覧してのスクリーンショット撮影も
お試しいただければ幸いです。

Answer

商品ページやカテゴリーページに他のレビュー等も引用したいので
レビュー文言を改行させて表示したいのですが、その方法はないでしょうか？

Answer

動画説明まで丁寧に解説していただきありがとうございます。
解決しました。商品ページに活用していきたいと思います。