Kathleen McMahon

Pixels vs. Relative Units in CSS: why it’s still a big deal

https://www.24a11y.com/2019/pixels-vs-relative-units-in-css-why-its-still-a-big-deal/

Remember, users really do change their settings under the hood, and we should be maintaining users’ control over their own browsing experience. If you use relative CSS units for your typography styles, you can maintain the fidelity of your layouts without negatively impacting the needs of your users.

• older link:
  3 Methods for Scoped Styles in Web Components That Work Everywhere
• newer link:
  Testing the Web Share API

---

Related contents with similar topics

1. 

   Eric Bailey

   display: contents considered harmful

   • Nicolas Hoizey
   • 25 May 2023
   • CSS, accessibility
   • 8 reactions

   At this point, I don’t think we as an industry can use display: contents with confidence. Past actions are a good indicator of future behavior,…

2. 

   Josh Collinsworth

   Why you should never use px to set font-size in CSS

   • Nicolas Hoizey
   • 15 November 2022
   • em, rem, accessibility
   • 4 reactions

   Let’s be very clear: it absolutely does matter what unit you use in your CSS. And you should avoid px when setting font-size wherever possible.…

3. 

   Josh W. Comeau

   The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?

   • Nicolas Hoizey
   • 20 May 2022
   • CSS, rem, accessibility

   Josh's attention to details in all his articles is awesome. Here, he's presenting evidences that the rem unit should be used for font sizes, media…

4. 

   Christine Vallaure

   Why designers should move from px to rem - and how to do that in Figma

   • Nicolas Hoizey
   • 17 November 2021
   • Figma, accessibility, em, rem, UI, design
   • 4 reactions

   If you're a Web developer (as most of my readers), you already know that users DO change font size (in their browser preferences), so you make sure…

5. 

   Sara Soueidan

   Inclusively Hiding & Styling Checkboxes and Radio Buttons

   • Nicolas Hoizey
   • 24 June 2020
   • CSS, accessibility
   • 3 reactions

   Sara shows us how to properly use SVG and CSS to design beautiful, engaging and accessible checkboxes and radio button in her new very detailed article,…