I’ve embedded iFrames a few times over the years but usually just embedded different sizes of the iFrame and would use media queries to show a particular size based on the viewport.  I decided to search for a ‘new’ way to embed iFrames and found this simple fix.

Turns out Ben had the solution to embed iFrames responsively a few years ago.  Thanks Ben!

Summary
How to Embed an iFrame the Responsive Way
Article Name
How to Embed an iFrame the Responsive Way
Description
An easy fix utilizing CSS to embed an iFrame into your website.
Author
Publisher Name
MAX Website Design
Publisher Logo