Make iframe responsive5/7/2023 Right below the Frame embed is an image that is behaving the way I would like for my iFrame embed to behave, as en example / reference. IFrame Embed Location: home/projects/gummi-design-system Thank you in advance for any tips on this topic! I reviewed a few other resources, and it seems like I should be able to achieve this by removing the dimensions from the iFrame code itself, and replacing them with code that tells it to be 100% width / auto height, but I’m struggling to understand exactly how such code should be formatted in my iFrame code, and how to apply it correctly to my iFrame embed. I’m using the standard embed element for my non-video iFrame. I searched the forum for help, but only found solutions for video embeds. Responsive iFrame on a (standard) page BreakPoint 1 for labtops BreakPoint Width 1280px, Site Width the width you want displayed. I’ve applied these layout distinctions to the embed div, but the dimensions specified in the iFrame code mess this up, resulting in the iframe content overflowing out of the embed div, and off screen at narrow browser widths. I’m trying to achieve this behavior for my iFrame embed, and have not been able to do so successfully. I am able to achieve this behavior with image divs, using the following layout distinctions: I would like for my iFrame to decrease in size, maintaining it’s proportion / dimension ratio, as the browser width decreases, to avoid iframe content overflowing out of it’s embed element and off-screen at smaller browser widths. ![]() ![]() I’m trying to make my iframe embed responsive.
0 Comments
Leave a Reply. |