• 文字サイズ


解決済

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

  • 相談者:非公開
  • 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楽天
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 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の内容が全て
表示さ………(省略)………