This snippet is free and open source hence you can use it in your Maybe I should be using a different padding percentage as my aspect ratio is flipped? A responsive iframe is a iframe that responds to its container. PTIJ Should we be afraid of Artificial Intelligence? To subscribe to this RSS feed, copy and paste this URL into your RSS reader. Aspect ratios can be customized with modifier classes. For example 210by297 would be interesting to embed a A4 paper . Get a gold star if you actually read & follow these rules. WebBootstrap Components Responsive embed Responsive embed Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device. I am working on a SaaS application, which essentially provides a full webpage to the client. document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() ); All comments posted on 'Responsive iframes' are held for moderation and only published when on topic and not rude. Here you can look at both the regular map and satellite map.