クーポンバナー設置（楽天アプリでは表示不可？）

Question

お世話になります

クーポンバナーを作成し、スマートフォン用商品説明文 に入れましたが
スマホでは表示され、アプリでは表示ゆれ（画像が小さくなったり、大きくなったり）となります。
アプリ表示は仕方ないのでしょうか？何か修正可能であれば教えて頂きたいです。


 


 

画像サイズは、マルチクーポンです

Answer

ECマスターズの田中です。

height="97%"
の指定がありますが、この使い方ですと
「親要素の高さの９７％」という意味になってしまい、
なんつれさんの想定されている高さと異なる可能性があり、
また、表示揺れの原因となっている可能性がございます。

まずは、いただいたソースに２箇所含まれている
「height="97%"」を外した上で表示をご確認ください。

それでも改善されない場合は、私にて実際に確認させていただきますので、
実際に挿入された商品の商品管理番号をお知らせいただきますようお願いします。

Answer

田中さま

わたしの表記ミスでした。いまは下記のようにしております


 


width="97%" height="97%"を外すと、スマホ表示・横・縦共に幅広い画像表示となるので、このようにしておりました。
何か方法は、ありますでしょうか？
初歩的な質問で、すいません。

Answer

ECマスターズの田中です。

> width="97%" height="97%"を外すと、スマホ表示・横・縦共に幅広い画像表示となるので、このようにしておりました。

width="97%" は、表示幅に対する横幅の指定のため
そのまま残していただき、
height="97%" だけを削除の上、表示をご確認いただきますようお願いします。
widthのみを指定した場合、heightは元画像の比率に合わせて自動調整されます。

Answer

田中さん

そうなんですね！ マラソン前にお聞きしてよかったです。
全てのページ編集終了し、アプリでも見やすくなりました。ありがとーございます。

最後の、ひとつ、質問なのですが・・

ページ離脱しないように、target="_blank"を入れております
通常スマホでは、別ページに飛ぶのですが、楽天アプリは、飛ばない？同画面なんですね
アプリ仕様の問題でしょうか？　初歩的ですいません(^^)

Answer

ECマスターズの田中です。

はい。楽天アプリ内のブラウザは、
スマートフォン本来のブラウザ（Safari、Chromeなど）とは
異なる扱いとなる仕様であるため、
同じ画面で開くようになっております。