Making Embedded Code Responsive

A few HTML elements don’t play nice with responsive layouts. One of these is the good ol’ iframe, which you may need to use when embedding content from external sources such as YouTube.

When you embed content from an external source, the code will include an iframe:

<iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>

Code (markup):

simply replace width to 100% and the iframe content will be responsive!

from HTML & Website Design http://ift.tt/29A3D9P
via IFTTT

Share :

Tweet

✚

Related Post