title: Rails iframe tag not filling entire page at 100%
body: <p>I'm embedding google maps into my website and I want the map to be full screen. I have the following iframe code, but you can see in the screen capture it isn't filling the entire screen. I'm using Ruby on Rails so I'm betting it's some sort of rails default CSS that is causing it?</p>
  
  <pre><code>&lt;iframe
    height="100%"
    width="100%"
    frameborder="0" style="border:0"
    src="&lt;%= full_loc %&gt;" allowfullscreen&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/WPEur.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WPEur.jpg" alt=""></a></p>
  
  <p>The entire view code looks like this (it's very raw at this point lol):</p>
  
  <pre><code>&lt;% full_loc = "https://www.google.com/maps/embed/v1/place?key=AIzaSyAC6wrz55kNEjlpa3g4ssAw9T4NdSa2mbM
    &amp;q=" + @homes.location %&gt;
  
  
  &lt;iframe
    height="100%"
    width="100%"
    frameborder="0" style="border:0"
    src="&lt;%= full_loc %&gt;" allowfullscreen&gt;
  &lt;/iframe&gt;
  
  &lt;%= form_tag(homes_path, :method =&gt; "get", id: "search-form") do %&gt;
  &lt;%= text_field_tag :search, params[:search], placeholder: "Search Posts" %&gt;
  &lt;%= submit_tag "Search" %&gt;
  &lt;% end %&gt;
  </code></pre>