Using cm/mm on the CSS of a web app that replicates paper interaction is a good practice?

by

W3C has a great post on the subject of CSS units. In particular:

cm: Not recommended for screen / recommended for print

The so-called absolute units (cm, mm, in, pt and pc) mean the same in CSS as everywhere else. A length expressed in any of these will appear as exactly that size (within the precision of the hardware and software). They are not recommended for use on screen, because screen sizes vary so much. A big screen may be 60cm (24in), a small, portable screen is maybe only 8cm. And you don’t look at them from the same distance.

The only place where you could use pt (or cm or in) for setting a font size is in style sheets for print, if you need to be sure the printed font is exactly a certain size. But even there using the default font size is usually better.

More Related Contents:

  1. Is it wrong to change a block element to inline with CSS if it contains another block element?
  2. Fallback for CSS attributes without unit
  3. When to use line breaks vs CSS positioning?
  4. Specific order of inline-block elements on mobile and desktop devices
  5. Browser is not displaying images
  6. How can I select an element with multiple classes in jQuery?
  7. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  8. Why doesn’t height: 100% work to expand divs to the screen height?
  9. Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
  10. Put icon inside input element in a form
  11. Grid properties not working on elements inside grid container
  12. Can I change the checkbox size using CSS?
  13. How do I give text or an image a transparent background using CSS?
  14. How to blur(css) div without blur child element [duplicate]
  15. Border length smaller than div width?
  16. Should I specify height and width attributes for my IMGs in HTML?
  17. Preventing double borders in CSS Grid
  18. CSS ”background-color” attribute not working on checkbox inside
  19. CSS3 transition doesn’t work with display property [duplicate]
  20. How to determine height of content-box of a block and inline element
  21. Image scaling causes poor quality in firefox/internet explorer but not chrome
  22. My Footer Floats
  23. How can I show three columns per row?
  24. How to include a font .ttf using CSS?
  25. Attaching a SCSS to HTML docs [closed]
  26. Multiple background images in one div
  27. CSS 100% Height, and then Scroll DIV not page
  28. Styling the “ element in CSS?
  29. inline-block element with no text renders differently
  30. Sizing flex items on the last row

Leave a Comment