fractional-dimensions-01.rml 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <rml>
  2. <head>
  3. <link type="text/rcss" href="/../Tests/Data/style.rcss"/>
  4. <title>Fractional dimensions 01</title>
  5. <link rel="#438" href="https://github.com/mikke89/RmlUi/issues/438"/>
  6. <meta name="Description" content="Layout of elements with fractional height. Try zooming in and out (Ctrl +/-). The inner heights are allowed to vary by one pixel to accommodate the accumulation of the fractional pixels."/>
  7. <style>
  8. handle {
  9. background-color: red;
  10. display: block;
  11. position: relative;
  12. width: auto;
  13. height: auto;
  14. cursor: move;
  15. }
  16. div {
  17. border: 1.23dp #333;
  18. background-color: #666;
  19. height: 15.33333dp;
  20. }
  21. div:nth-child(odd) {
  22. background-color: #999;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <p>Borders should be placed edge-to-edge, and there should be no red.</p>
  28. <handle move_target="#self" edge_margin="-80%">
  29. <div></div>
  30. <div></div>
  31. <div></div>
  32. <div></div>
  33. <div></div>
  34. <div></div>
  35. <div></div>
  36. <div></div>
  37. <div></div>
  38. <div></div>
  39. <div></div>
  40. <div></div>
  41. <div></div>
  42. <div></div>
  43. <div></div>
  44. <div></div>
  45. <div></div>
  46. <div></div>
  47. <div></div>
  48. <div></div>
  49. <div></div>
  50. <div></div>
  51. <div></div>
  52. <div></div>
  53. <div></div>
  54. <div></div>
  55. <div></div>
  56. <div></div>
  57. <div></div>
  58. <div></div>
  59. <div></div>
  60. <div></div>
  61. <div></div>
  62. <div></div>
  63. </handle>
  64. </body>
  65. </rml>