hamayuzinの日記

ITベンチャーに新卒入社し、エンジニアとかデータサイエンティスト、とかやってます。

【Rails/iframe】Railsでiframeのheightを設定する方法

railsでiframeの高さを設定するのが以外とめんどくさかった

cssで設定するとよろし レスポンシブにもなる

test.css

.iframe {
  width: 100%;
  height: 500px;
}

@media screen {
  .iframe-wrapper {
    position: relative;
    width: 100%;
  }
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
  }
}

app/hogehoge/test.haml

= stylesheet_link_tag 'test'
.iframe-wrapper
  %iframe{src: url, class: "iframe"}