ヤフオクの商品説明がスマホで崩れる原因と直し方｜iPhoneアプリで小さくなる理由も
パソコンできれいに作ったヤフオクの商品説明が、スマホで見ると文字が端にくっつく・罫線が消える・全体が小さくなる。いま入札者の多くはスマホから見ているので、ここが崩れていると損をしています。
当サイトで実際にヤフオクのスマホ版・iPhoneアプリの表示を調べてわかった崩れる原因と、崩れない作り方をまとめました（2026年9月の確認）。
スマホで崩れる4つのパターン
| 症状 | 原因 | 対策 |
|---|---|---|
| 文字が枠の端にくっつく | スマホ版では、マス目の内側の余白の指定（cellpadding）が効かない | 余白は、幅を％で指定した空の列や、高さを指定した空の行で作る |
| 罫線が消える・表が詰まる | マス目どうしのすき間の指定（cellspacing）が効かない | 罫線は、表の背景の色が見える細い（1px）空の行・列で作る |
| 全体が小さく表示される（iPhoneアプリ） | width="800" のように幅を数字で固定した表は、画面に収めるためページごと縮小される | 表は width="100%" にする |
| 画像が左に寄って右が空く（iPhoneアプリ） | アプリは画像を画面いっぱいまで広げない | 画像を中央寄せ（align="center"）にする |
HTMLを貼ったら、自分で打った改行が消えた時
説明欄に自分で文章を書き、その下に写真や表のHTMLを貼ったら、改行がなくなって文章が1つながりになった――という声をいただきました（2026年11月、iPhoneでお使いの方）。スマホだけでなく、パソコンで見ても同じように詰まります。
原因は、説明欄にHTMLが入ると、ヤフオクが説明文全体をHTMLとして表示するためです。HTMLでは、キーボードで打った改行は1つの空白として扱われるので、段落の区切りが消えたように見えます。
| 直し方 | やること |
|---|---|
| 改行のタグを入れる | 改行したい所に <br> を入れる。1行空けたい所は <br><br> |
| 当サイトのツールでまとめる | 完成画面の「📝 自分で書いた説明文の改行が消える時は」を開いて文章を貼る。改行を <br> にして、写真のコードと1つにまとめます（無料）。コピーしたら、ヤフオクの説明欄の中身を全部消してから貼ります |
出品した後に「改行が消えていた」と気づくことが多いので、出品する前の確認画面で、文章の区切りが残っているかを一度見ておくと安心です。
崩れない説明文の作り方
① 表の幅は割合（%）で
<table width="800"> のようなピクセル指定をやめ、width="100%" にします。パソコンでは説明欄いっぱいに、スマホでは画面の幅に合わせて表示されます。
② 余白は空のセルで作る
文字の左右の余白は、幅を5%程度にした空の列、上下の余白は height を指定した空の行で作ります。スマホ版でも消えません。左右の余白をピクセルで固定すると、スマホで表が縮んだときに本文の列だけが細くなるので、割合で指定します。
③ 横に並べる列は少なく
文章が入る列を、パソコンで4列・5列に並べた表は、スマホでは1列が細くなって文字が1〜2字ずつ折り返します。文章が入る表は、項目名と内容の2列程度にしておくと読みやすくなります。地域名と金額のような短い項目なら、2組ずつ折り返した4列でも読めます（送料表の書き方）。
④ 画像は幅100%で1列に、中央寄せ
画像を横に並べると、スマホではとても小さくなります。1枚ずつ縦に並べ、width="100%" と中央寄せにします。たくさん載せたい場合は、写真を縦1枚につなげてから貼ると、画像タグは1個で済みます。
⑤ 見た目の細かい指定（style属性）に頼らない
style属性（見た目を細かく指定する書き方）は、ヤフオク側で消されることがあります（当サイトの確認では、表の最大幅の指定などが消えました）。表（TABLE・TD）の背景色（BGCOLOR）や文字の指定（FONT）など、昔ながらの書き方で作るのが確実です。
自分の説明文を確かめる方法
いちばん確実なのは、出品した商品のページを自分のスマホで開いてみることです。ブラウザとアプリで見え方が違うので、両方で確認できると安心です。出品後の商品説明は書き換えられないので、崩れていた場合は次の出品から直しましょう。
よくある質問
Q. ヤフオクの商品説明がスマホで見ると崩れるのはなぜですか？
スマホ版の商品説明ページは、説明文の表や文字に独自の見た目の設定をかけて表示しています。表の余白（cellpadding）や隙間（cellspacing）が効かなくなり、文字の大きさもスマホ側で一律にそろえられるため、パソコンで整えた表が詰まったり、罫線が消えたりします。
Q. 写真のHTMLを貼ったら、説明文の改行が消えて読みにくくなりました。
説明欄に表や画像のHTMLが入ると、ヤフオクは説明文をHTMLとして表示します。HTMLでは、ふつうに打った改行は1つの空白として扱われるため、文章が詰まって1つながりに見えることがあります。改行したい所に <br> を入れるか、当サイトのツールの完成画面にある「📝 自分で書いた説明文の改行が消える時は」の欄に文章を貼ると、改行が消えない形にして写真のコードと1つにまとめられます（無料で使えます）。
Q. iPhoneのヤフオクアプリだと全体が小さく表示されます。
横幅をピクセルで固定した表（例：width="800"）は、アプリでは画面に収まるようにページごと縮小されることがあります。表の幅は width="100%" のように割合で指定すると、画面の幅に合わせて表示されます。
Q. スマホでも崩れない説明文にするにはどうすればいいですか？
表の幅を割合（%）で指定する、余白は cellpadding ではなく空のセルで作る、横に並べる列を少なくする、画像は幅100%で1列に並べる、style属性（見た目を細かく指定する書き方）に頼らない、の5つがポイントです。style属性はヤフオク側で消されることがあるので、古い書き方（表のTABLE、文字のFONTなど）で作るのが確実です。
Q. オークファンなどの出品テンプレートもスマホで崩れますか？
横幅を固定した作りのテンプレートは、同じようにスマホやアプリで縮小されたり詰まったりすることがあります。スマホで出品ページを開いて、実際の見え方を一度確認してみてください。
メールアドレスの登録だけで、無料お試し30日（カード不要）
カードを登録すると、お申し込み日から90日間（約3ヶ月）無料・無料は合計90日まで
前にカード不要のお試しだけを使った方は残り（最大60日）が無料、カードで無料期間を使った方はお申し込みの時点でお支払いです
料金プランを見る →
▶ 使い方（3ステップ） ▶ 画像が表示されない時のチェックリスト
※ ヤフオクの仕様・会員条件は変わることがあります。最新情報は公式ヘルプでご確認ください。HTMLタグでの画像掲載はヤフオクのサポート対象外とされています。
※ 当サイトはヤフオク!（LINEヤフー株式会社）とは関係のない独立したサービスです。
更新の記録
- 2026年9月25日 公開
- 2026年10月28日 更新：「どれで見ても崩れない」を確かめた範囲の書き方に直した
- 2026年10月28日 更新：無料お試しの案内を短くし、前に無料お試しを使った方の扱いを追記した
- 2026年10月28日 更新：専門用語（cellpadding・style属性など）に、やさしい言い換えを足した
- 2026年11月2日 更新：HTMLを貼ると自分で打った改行が消える時の原因と直し方を追加した