• 文字サイズ
解決済

スマートフォン用商品説明文へhtml作成

  • 相談者:非公開
  • 2019/02/07 15:30
いつもお世話になります

スケッチページを利用し表作成ができ、PC用販売説明文へはおさまるのですが
スマホへ簡単な倍率下げるなど、設定教えて頂きたいです。

■html文字を組む事により、写真や画像より検索対策ロジックに関係あるんですよね?

ご回答はいそぎません。よろしくおねがいします



<table width="653" bgcolor="#cccccc" cellspacing="1" cellpadding="3"><tr><th colspan="2" align="center" bgcolor="#f0f0f0"><b>
<font color="#000000">油性固形研磨剤 粒度表</font></b></th></tr><tr><th width="144" align="center" bgcolor="#f0f0f0"><font
size="2" color="#000000">300番<br /><br />2000番<br /><br />6000番<br /></font></th><td width="494" bgcolor="#ffffff"><font
size="2" color="#000000">赤棒 トリポリ(珪石) 粒径40(μm)<br /><br />
白棒 ライム(酸化アルミナ) 粒径8(μm)<br /><br />青棒(酸化クロム)粒径3(μm)</font></td></tr><tr><th
width="144" align="center" bgcolor="#f0f0f0"><font size="2" color="#000000">作業手順</font></th><td width="494" bgcolor="#ffffff">
<font size="2" color="#000000">一般的な仕様順番は下記の通りとなります<br />1)赤棒 粗削り・バリ取りなど下磨き用<br />2)白棒 
中仕上げ<br />3)青棒 最終・鏡面仕上げ</font></td></tr><tr><th width="144" align="center" bgcolor="#f0f0f0"><font size="2"
color="#000000">★ポイント1</font></th><td width="494" bgcolor="#ffffff"><font size="2" color="#000000">
バフグラインダー回転速度と摩擦熱により研磨剤が溶け鏡面仕上げ加工となります。<br />
鉄・ステンレスなど磨きあげる場合、研磨剤は少量をバフに付け磨きあげるのがコツです。※グラインダー回転数1500~2500rmp</font></td>
</tr><tr><th width="144" align="center" bgcolor="#f0f0f0"><font size="2" color="#000000">★ポイント2</font></th><td width="494"
bgcolor="#ffffff"><font size="2" color="#000000">
白棒・青棒などカッター等で細かく削り、粉末状にし研磨不織布など手作業で刃物等の磨きにも効果が現れます</font></td></tr></table><br>
キーワード:html
投稿内容について報告する




  • 返信者:非公開
  • 2019/02/07 19:20
ECマスターズの田中です。

> スマホへ簡単な倍率下げるなど、設定教えて頂きたいです。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/09 21:08
田中さん

スマートフォン デザイン設定→商品ページ設定→商品ページ 共通パーツ設定→商品ページ共通説明文

へ、<style =""> #itemDe………(省略)………
  • 返信者:非公開
  • 2019/02/10 13:26
ECマスターズの中野です。

いただいたこちらのご質問ですが、
明日、田中より回答させていただいます。

お時間いただいておりますが
お待ちいただき………(省略)………
  • 返信者:非公開
  • 2019/02/11 10:38
ECマスターズの田中です。

私のiPhone8にて確認したところ、問題なく表示されているのですが、
PC上のスマートフォン表示で確認すると、確かにはみ出………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/11 17:13
田中さん

案内のとおり、

「max-」を削除して、
<style =""> #itemDescription table { width: 100………(省略)………
  • 返信者:非公開
  • 2019/02/11 19:16
ECマスターズの田中です。

> このソースは画像や他にも全て対応できるのでしょうか?
詳しい状況を確認する必要がございますが、
横幅いっぱいに表示して………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/12 22:06
田中さま

<style =""> #itemDescription table, #itemDescription img { width: 100%; ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/22 13:19
田中さん

お世話になります
追加で、質問なのです。

上記の、<style =""> #itemDescription table { width:………(省略)………
  • 返信者:非公開
  • 2019/02/22 20:56
ECマスターズの田中です。

> 楽天アプリは、はみ出て横幅しまします。
> コレは仕方ない事なのでしょうか?

はい、楽天アプリの場合、通常の商品ペ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/22 21:27
田中さん

そうなんですね。
商品ページをリニューアル(編集)した場合、クローム拡張でPC&SPは把握できるのですが
楽天アプリで見て確認した時、何故?………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/03 21:49
田中さま

いつもお世話になります。

こちらの商品ページの表などは、PC/SP/アプリでキレイに表示されてます。
このようにするには、html共通は………(省略)………
  • 返信者:非公開
  • 2019/03/04 14:22
ECマスターズの田中です。

いただいた商品ページの表は、
PC用とスマートフォン用で同じソースではないのですが、

スマートフォン用の表は、
親要………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/05 21:35
田中さん

色々とありがとうございます。
楽天rmsの場合、pc・スマホ・スマホアプリでhtml組む場合、いろんな仕切りがある事が今回よくわかりました。 ………(省略)………
  • 返信者:非公開
  • 2019/03/06 18:40
ECマスターズの田中です。

> th width"144"を"653"で割り算すれば、おおよそのパーセント表示がでるのですかね

概ね、そのような形に………(省略)………