/
iframe.html
executable file
路66 lines (60 loc) 路 2.53 KB
/
iframe.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
<head>
<link rel="stylesheet" href="style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<main class="main-element">
<h1>Iframe Title</h1>
<p>
The border is around the <code><iframe></code> element. The height
of that element changes in response to the content shifting
</p>
<p>
<a
href="https://github.com/nicolasrouanne/responsive-iframe"
target="_blank"
>View on github</a
>
</p>
<h2>Media Query title</h2>
Media queries defined in the <em>iframe</em> are working when resizing the
host window
<p>On mobile (< 400px) title is <span style="color:red">red</span></p>
<p>
On desktop (> 400px) title is <span style="color:green">green</span>
</p>
<h1>Sample content</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid, quod
homines infima fortuna, nulla spe rerum gerendarum, opifices denique
delectantur historia? Illa argumenta propria videamus, cur omnia sint
paria peccata. Atque hoc loco similitudines eas, quibus illi uti solent,
dissimillimas proferebas. Eadem nunc mea adversum te oratio est. Duo
Reges: constructio interrete. Ne discipulum abducam, times. Sed ad rem
redeamus; Que Manilium, ab iisque M.
</p>
<p>
Universa enim illorum ratione cum tota vestra confligendum puto. Bona
autem corporis huic sunt, quod posterius posui, similiora. Quantum
Aristoxeni ingenium consumptum videmus in musicis? Ad quorum et
cognitionem et usum iam corroborati natura ipsa praeeunte deducimur.
</p>
<p>
Animum autem reliquis rebus ita perfecit, ut corpus; Ita similis erit ei
finis boni, atque antea fuerat, neque idem tamen; Nonne igitur tibi
videntur, inquit, mala?
</p>
<p>
Istam voluptatem, inquit, Epicurus ignorat? Satisne ergo pudori
consulat, si quis sine teste libidini pareat? Et certamen honestum et
disputatio splendida! omnis est enim de virtutis dignitate contentio.
Summum a vobis bonum voluptas dicitur. Ait enim se, si uratur, Quam hoc
suave! dicturum. Quantum Aristoxeni ingenium consumptum videmus in
musicis? Bona autem corporis huic sunt, quod posterius posui, similiora.
Non enim, si omnia non sequebatur, idcirco non erat ortus illinc.
</p>
</main>
<script src="iframe.js"></script>
</body>
</html>