html - Rails iframe代码未以100％填充整个页面

我将谷歌地图嵌入我的网站，我希望地图是全屏的。我有以下iframe代码，但您可以在屏幕截图中看到它并没有填满整个屏幕。我使用的是ruby on rails，所以我打赌是某种rails默认css导致的？

<iframe
  height="100%"
  width="100%"
  frameborder="0" style="border:0"
  src="<%= full_loc %>" allowfullscreen>
</iframe>

整个视图代码看起来是这样的（在这一点上非常原始lol）：

<% full_loc = "https://www.google.com/maps/embed/v1/place?key=AIzaSyAC6wrz55kNEjlpa3g4ssAw9T4NdSa2mbM
  &q=" + @homes.location %>


<iframe
  height="100%"
  width="100%"
  frameborder="0" style="border:0"
  src="<%= full_loc %>" allowfullscreen>
</iframe>

<%= form_tag(homes_path, :method => "get", id: "search-form") do %>
<%= text_field_tag :search, params[:search], placeholder: "Search Posts" %>
<%= submit_tag "Search" %>
<% end %>

最佳答案

问题很可能是iframe的父母没有设置身高。
请尝试为height: 100%;的每个父级添加iframe。
html, body { height: 100%; }