Skip navigation

On September 14th, 2017, we published revised versions of our Privacy Policy, Terms of Service and Website Use Policy and published a Cookie Policy. Your continued use of Lynda.com means you agree to these revised documents, so please take a few minutes to read and understand them.

Responsive iFrames

Responsive iFrames: Creating Web Media
Responsive iFrames: Creating Web Media

The title says it all. We use HTML and CSS to create an iFrame that continually resizes, in proportion, within your web page. Why do we need to use HTML and CSS? Well, unlike some media elements, iFrames have no inherit sizes. The browser relies on the measurements specified in HTML or CSS. So, with some quick math, we can determine the ratio, put in the measurements, and ta-da! The iFrame now dynamically resizes.

Resume Transcript Auto-Scroll
Skill Level Intermediate
5h 1m
Duration
40,529
Views
Show More Show Less

Q: Why can't I earn a Certificate of Completion for this course?

A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.

Skills covered in this course
Web Web Development Web Graphics CSS

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now