zoom-precision.html (853B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1"> 4 <link rel="match" href="zoom-precision-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-viewport/"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1973437"> 7 <link rel="author" href="mailto:dholbert@mozilla.com" title="Daniel Holbert"> 8 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 9 <link rel="author" href="https://mozilla.org" title="Mozilla"> 10 <style> 11 .s { 12 display: inline-block; 13 background: green; 14 width: 190px; 15 height: 100px; 16 } 17 18 .t { 19 font-size: 0; 20 width: 570px; 21 /* this is 3x the width of .s */ 22 background: red; 23 zoom: 85%; 24 } 25 </style> 26 <div class="t"> 27 <div class="s"></div> 28 <div class="s"></div> 29 <div class="s"></div> 30 </div>