Responsive Iframes — The Right Way (CSS Only)! | Ben Marshall

Fleeting

• Référence externe : https://www.benmarshall.me/responsive-iframes/
• see
  • intrinsic ratios,

Responsive iframes — The Right Way (CSS Only)! | Ben Marshall

.iframe-container { overflow: hidden; * 16:9 aspect ratio * padding-top: 56.25%; position: relative; }

.iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

Notes pointant ici

• How To Create Responsive Iframes

Permalink