Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 90 lines (67 sloc) 2.368 kB
8923137 When calculating em unit size on elements that don't accept children,…
Jason Johnston authored
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5
6 <style type="text/css">
7
8 html, body {
9 font: 10px sans-serif;
10 }
11 div, input {
12 font-family: sans-serif;
13 }
14
15 .section {
16 clear: both;
17 padding: 20px;
18 }
19 h2 {
20 font-size: 14px;
21 }
22
23 .tester {
24 behavior: url(../build/PIE.htc);
25 float: left;
26 margin: 0 10px;
27 padding: 10px;
28 border: 0;
29 background: #CCC;
30 }
31
32 input::-moz-focus-inner {
33 border: 0;
34 padding: 0;
35 }
36 </style>
37
38 </head>
39 <body>
40
41 <div class="section">
42 <h2>font-size: 10px;</h2>
43
44 <div class="tester" style="border-radius: 15px; font-size: 10px;">
45 div, border-radius: 10px;
46 </div>
47
48 <div class="tester" style="border-radius: 1.5em; font-size: 10px;">
49 div, border-radius: 1.5em;
50 </div>
51
52 <input class="tester" type="button" style="border-radius: 15px; font-size: 10px;" value="input, border-radius: 15px;" />
53
54 <input class="tester" type="button" style="border-radius: 1.5em; font-size: 10px;" value="input, border-radius: 1.5em;" />
55 </div>
56
57 <div class="section" style="font-size: 20px;">
58 <h2>font-size: .5em;</h2>
59
60 <div class="tester" style="border-radius: 15px; font-size: .5em;">
61 div, border-radius: 10px;
62 </div>
63
64 <div class="tester" style="border-radius: 1.5em; font-size: .5em;">
65 div, border-radius: 1.5em;
66 </div>
67
68 <input class="tester" type="button" style="border-radius: 15px; font-size: .5em;" value="input, border-radius: 15px;" />
69
70 <input class="tester" type="button" style="border-radius: 1.5em; font-size: .5em;" value="input, border-radius: 1.5em;" />
71 </div>
72
73 <div class="section" style="font-size: 20px;">
74 <h2>font-size: 50%;</h2>
75
76 <div class="tester" style="border-radius: 15px; font-size: 50%;">
77 div, border-radius: 10px;
78 </div>
79
80 <div class="tester" style="border-radius: 1.5em; font-size: 50%;">
81 div, border-radius: 1.5em;
82 </div>
83
84 <input class="tester" type="button" style="border-radius: 15px; font-size: 50%;" value="input, border-radius: 15px;" />
85
86 <input class="tester" type="button" style="border-radius: 1.5em; font-size: 50%;" value="input, border-radius: 1.5em;" />
87 </div>
88
89 </body>
90 </html>
Something went wrong with that request. Please try again.