楽天のスマホ用のTAG編集の件

Question

お世話になります。楽天のテーブルタグを編集するとサイズや適用身長などのをテーブルTAGを組んでスマホに入れると、どうしてもうまく表示されません。見出しの文字もスモホの画面の大きさにより、表示がずれてしまいますが、何♪を基準に作成編集すれば丁度いいサイズになりますか？
尚、現在はホームページビルダー15で編集作業を行っています

Accepted Answer

ECマスターズの田辺です。

＞なぜずれてしまうのでしょうか？他のスマホはきれいにでていますが、404shだけがずれます

前回お答えしたことと重なってしまいますが、
タグの影響ではなく解像度の違いによって表示のされ方が変わってきてしまいます。

こちらに関してはしょうがなく、
404shに合わせてフォントを小さく設定していただくか、
改行の仕方を工夫していただけますと幸いです。

Answer

ECマスターズの田辺です。

作務衣屋さんのスマホページを確認しましたが、
サイズや適用身長などのtableタグは崩れずに表示されておりますが、
ずれているというのは改行されてしまうということでしょうか。

＞何を基準に作成編集すれば丁度いいサイズになりますか？

スマホ画面につきましては、
機種によって大きさもバラバラなため、
の大きさを width="100%" にしていただくと
スマホ画面サイズに合わせて表示されます。

また、ひとつの基準として、
現行機種の中で一番画面の小さいiPhone5の横幅が320pxで、
楽天の内側スペースが左右8pxずつを引いて304pxございます。

文字の大きさにつきましては、
304pxの大きさからはみ出ないように文字数に合わせて調整していただけますと
改行されずに表示されます。

Answer

ありがとうございました。謎がとけたきがします

Answer

先ほどの件で、再度　田辺さんに伺いたいのですが、今編集しているのが楽天の141-1803という管理番号です。
当方にはI古いPHON5と404ｓｈ　XPERIA　Z1　と3機種で確認しているのですが、404ｓｈだけがうまく表示されないのですが、基準がちがうのですか？

Answer

ECマスターズの田辺です。

＞404ｓｈだけがうまく表示されないのですが、基準がちがうのですか？

それでは実際の画面の状態を確認させていただきたいので、
どのようになっているかを具体的に教えていただいてもよろしいでしょうか。

Answer

最初の文字が段落ちになっています。テーブルTAGの適応身長の部分が段違いです

Answer

これがそうです###HR######IMG07965c0d04568ea08527123944fb3c495.jpegIMG0######BR###

Answer

これが見出し文字です###HR######IMG0fcf381cb9ea8fd6d1239ef400344d2c4.jpegIMG0######BR###

Answer

ECマスターズの田辺です。

先ほど、
現行機種の中で一番画面の小さいiPhone5の横幅が320px
とお伝えしましたが、

確認しましたところ、
iPhone5よりも画面の幅が大きい機種でありましても
解像度の違いによって要素の大きさが異なる場合がございました。

商品説明の「サイズ」についてと
２枚目にいただいた見出し文字につきましては、
フォントサイズを小さくしていただく必要がございます。

tableの中身がずれてしまう件につきましては、
現在スペースで表を調整している状況ですので、
で枠組みをつくることをおすすめいたします。

スペースで調整をしますと、
各機種で文字の大きさが変化する際に形が崩れますので、
確実に表の形にするためにはの枠組みが必要になります。

で枠組みした後にもその中で改行が起こる可能性がございますので、
検証しながらフォントサイズを調整していただくことは必要になります。

また、どうしてもうまく表示させたい場合には、
サイズ表記や見出しを画像で用意して表示させる
という手段もございます。

このように文章を画像に変えた部分は、
楽天内検索にヒットしなくなるという
デメリットもございますことをお含みおきください。

Answer

再度の質問ですが、画像の文章で
1.柔らかく弾力のあるのが特徴
とあるのが、徴だけが一段づれてしまいます。TAGは
  
    
      駿河路の機織り職人により
    

      織られた生地を使用した
    

      作務衣！
    



です。なぜづれてしまうのでしょうか？他のスマホはきれいにでていますが、404shだけがづれます###HR######IMG0ba44fd3710e8a3336361597bcda74ffa.jpegIMG0######BR###

Answer

了解しました。無視するしかないですね。