underline-thickness-rounding-dppx2-1.html (895B)
1 <!doctype html> 2 <html reftest-zoom="2.0"> 3 <meta charset="utf-8"> 4 <title>Underline thickness upward rounding test at effective 2x zoom (0.6px should equal 1px => 2 device px)</title> 5 <!-- 6 High-DPI (2.0 dppx) underline thickness rounding test. 7 DPR 2.0 is forced via reftest-zoom. 8 0.6 CSS px -> 1.2 device px at 2.0 dppx, which should floor to 1 (matching 1 dev px). 9 --> 10 <style> 11 html, body { margin: 0; background: white; } 12 .test { 13 font: 40px/1 sans-serif; 14 color: black; 15 text-decoration-line: underline; 16 text-decoration-style: solid; 17 text-decoration-color: black; 18 text-decoration-skip-ink: none; 19 /* 0.6 CSS px -> 1.2 device px at 2.0 dppx; should floor to 1 device px */ 20 text-decoration-thickness: 0.6px; 21 } 22 .pad { height: 40px; } 23 </style> 24 <div style="width:240px"> 25 <div class="pad"></div> 26 <div class="test">TEST TEST TEST</div> 27 </div> 28 </html>