font-size-adjust-014-ref.html (1451B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reference: font-size-adjust property</title> 6 <style> 7 .outer { 8 font: 50px/1 monospace; 9 height: 100px; 10 } 11 .ref { 12 font-family: serif; 13 font-size-adjust: 0.5; 14 } 15 .tall-inline-block { 16 display: inline-block; 17 height: 100px; 18 } 19 .description { 20 font-family: serif; 21 font-size: 16px; 22 font-size-adjust: from-font; 23 } 24 </style> 25 </head> 26 <body> 27 <div> 28 <div class="description"> 29 All four instances of "foobar" should be the same size; the font of the outer div 30 should not affect <tt>font-size-adjust:from-font</tt> on the inner. 31 </div> 32 <div class="outer"> 33 <span class="ref"> 34 foobar<span class="tall-inline-block"></span> 35 </span> 36 </div> 37 <div class="outer"> 38 <span class="ref"> 39 foobar<span class="tall-inline-block"></span> 40 </span> 41 </div> 42 <div class="outer"> 43 <span class="ref"> 44 foobar<span class="tall-inline-block"></span> 45 </span> 46 </div> 47 <div class="outer"> 48 <span class="ref"> 49 foobar<span class="tall-inline-block"></span> 50 </span> 51 </div> 52 </div> 53 </html>