Skip to content

Commit 0e43e41

Browse files
chrishtrchrishtr
authored
Create responsive-iframes-explainer.md (#12210)
1 parent 2009f4d commit 0e43e41

File tree

1 file changed

+51
-0
lines changed

1 file changed

+51
-0
lines changed

‎css-sizing-4/responsive-iframes-explainer.md

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
# Responsive iframes
2+
3+
## Problem description
4+
5+
[Iframes]([url](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe)) are very useful for sandboxing web content into different documents. The options currently available are:
6+
1. A [same-origin]([url](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy)) iframe, which provides full style &
7+
layout isolation, and by-default script isolation. This prevents the parent and child documents from accidentally interfering with each other.
8+
2. A cross-origin iframe, which additionally provides robust security against untrusted embedders or embedees.
9+
10+
In addition, iframes participate in the layout of the parent document, via the style and layout of their owning `