title: iframe website in wordpress is not showing full size
body: <p>I have to embed a link website in my wordpress.
  when its in different browser its not adapting to the device (eg, desktop, phones of different screen size)"responsive" width and height auto. on desktop its fine but phones its just cut off. </p>
  
  <p>the padding-bottom is not a good idea. although it works find for phone but desktop with alot of whitespace.</p>
  
  <pre><code>.iframe-edm {
  overflow: hidden; 
  position: relative;  
  }
  
  .iframe-edm iframe { 
  border: 0 ;
  height: 100% ;
  left: 0 ;
  position: absolute ;
  top: 0 ;
  width: 100% ;}
  
  &lt;div class="iframe-edm"&gt;&lt;iframe src="https://abc/index.php/edm?src=mci" 
  marginwidth="0" marginheight="0" scrolling="no"&gt;
  &lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>