ヤフオクの商品説明がスマホで崩れる原因と直し方｜iPhoneアプリで小さくなる理由も

パソコンできれいに作ったヤフオクの商品説明が、スマホで見ると文字が端にくっつく・罫線が消える・全体が小さくなる。いま入札者の多くはスマホから見ているので、ここが崩れていると損をしています。

当サイトで実際にヤフオクのスマホ版・iPhoneアプリの表示を調べてわかった崩れる原因と、崩れない作り方をまとめました（2026年9月の確認）。

スマホで崩れる4つのパターン

崩れない説明文の作り方

① 表の幅は割合（%）で

<table width="800"> のようなピクセル指定をやめ、width="100%" にします。パソコンでは説明欄いっぱいに、スマホでは画面の幅に合わせて表示されます。

② 余白は空のセルで作る

文字の左右の余白は、幅を5%程度にした空の列、上下の余白は height を指定した空の行で作ります。スマホ版でも消えません。左右の余白をピクセルで固定すると、スマホで表が縮んだときに本文の列だけが細くなるので、割合で指定します。

③ 横に並べる列は少なく

パソコンで4列・5列に並べた表は、スマホでは1列が細くなって文字が1〜2字ずつ折り返します。項目名と内容の2列程度にしておくと読みやすくなります。

④ 画像は幅100%で1列に、中央寄せ

画像を横に並べると、スマホではとても小さくなります。1枚ずつ縦に並べ、width="100%" と中央寄せにします。たくさん載せたい場合は、写真を縦1枚につなげてから貼ると、画像タグは1個で済みます。

⑤ style属性に頼らない

style属性による見た目の指定は、ヤフオク側で消されることがあります（当サイトの確認では、表の最大幅の指定などが消えました）。TABLE・TD の BGCOLOR や FONT など、昔ながらの書き方で作るのが確実です。

自分の説明文を確かめる方法

いちばん確実なのは、出品した商品のページを自分のスマホで開いてみることです。ブラウザとアプリで見え方が違うので、両方で確認できると安心です。出品後の商品説明は書き換えられないので、崩れていた場合は次の出品から直しましょう。

よくある質問

Q. ヤフオクの商品説明がスマホで見ると崩れるのはなぜですか？

スマホ版の商品説明ページは、説明文の表や文字に独自の見た目の設定をかけて表示しています。表の余白（cellpadding）や隙間（cellspacing）が効かなくなり、文字の大きさもそろえられるため、パソコンで整えた表が詰まったり、罫線が消えたりします。

Q. iPhoneのヤフオクアプリだと全体が小さく表示されます。

横幅をピクセルで固定した表（例：width="800"）は、アプリでは画面に収まるようにページごと縮小されることがあります。表の幅は width="100%" のように割合で指定すると、画面の幅に合わせて表示されます。

Q. スマホでも崩れない説明文にするにはどうすればいいですか？

表の幅を割合（%）で指定する、余白は cellpadding ではなく空のセルで作る、横に並べる列を少なくする、画像は幅100%で1列に並べる、の4つがポイントです。style属性の見た目の指定はヤフオク側で消されることがあるので、古い書き方（TABLE・FONTなど）で作るのが確実です。

Q. オークファンなどの出品テンプレートもスマホで崩れますか？

横幅を固定した作りのテンプレートは、同じようにスマホやアプリで縮小されたり詰まったりすることがあります。スマホで出品ページを開いて、実際の見え方を一度確認してみてください。

▶ 使い方（3ステップ）　▶ 画像が表示されない時のチェックリスト

※ ヤフオクの仕様・会員条件は変わることがあります。最新情報は公式ヘルプでご確認ください。HTMLタグでの画像掲載はヤフオクのサポート対象外とされています。
※ 当サイトはヤフオク!（LINEヤフー株式会社）とは関係のない独立したサービスです。