• 文字サイズ


解決済

スマホ閲覧時の表示について

  • 相談者:非公開
  • 2018/06/05 16:49
お世話になっております。
昨年、スマホでiframeを読み込むときについてお伺いいたしました。

そちらで設定しているのですが、いまいちわからない部分があります。
現在、以下のように設定しています。
以下の設定が横と縦の比率が1:16だと認識していますが、違うのでしょうか。

<iframe ="" style="width:100%;height:calc(100vw *16);" frameborder="0" scrolling="no" src="https//www.rakuten.ne.jp/gold/SHOP-URL/smartphone/gokutbpage.htm"></iframe ="">

100vwとはどういう意味なのでしょうか。
宜しくお願い致します。
キーワード:htmliframe楽天
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/06/05 18:20
ECマスターズの田中です。

「vw」は画面横幅に対する割合を示す単位で、
100vwで画面横幅の100%、つまり画面横幅と同じサイズを示します。

………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/05 19:21
お世話になっております。ご回答ありがとうございます。

以下のページは、下のように組み立てています。
https://item.rakuten.co.jp………(省略)………
  • 返信者:非公開
  • 2018/06/05 19:37
ECマスターズの田中です。

大変失礼いたしました、
最初の返信内容に誤りがございました。

> 以下の設定が横と縦の比率が1:16だと認識しています………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/06 11:27
田中さま

ご返信頂きありがとうございました。
納得いたしました。

iphoneで閲覧した場合は、高さの指定に関わらずGOLDの内容が全て
表示さ………(省略)………
このフォーラムへの質問は終了しました