Should I set the default font-size on the body or html element?

html css font-size
joshnh picture joshnh · Aug 2, 2011 · Viewed 64.5k times · Source

I like to work in ems when creating websites. Therefore I set a default font-size of 100.01% on the body element.

My question is should I set the default font-size on the body or the html element? What are the pros and cons (if any) of both?

Answer

joshnh picture joshnh · Jul 16, 2012

Now that the rem unit is starting to become popular, setting the base font-size on the root element (html tag) is advised (rem stands for root em).

Related questions

Is there such a thing as min-font-size and max-font-size?

I'm trying to make a font in a div responsive to the browser window. So far, it has worked perfectly, but the parent div has a max-width of 525px. Resizing the browser further will not make the font stop resizing. …

Read More
How to set min-font-size in CSS

I want to set a minimum font size to every element in my HTML page. For example if there are elements with font-size less then 12px, then they will change to 12px. But if there are elements with font-size grater …

Read More
How can I set the font-family & font-size inside of a div?

This is my complete test html: <!DOCTYPE> <html> <head> <title>DIV Font</title> <style> .my_text { font-family: Arial, Helvetica, sans-serif font-size: 40px; font-weight: bold; } </style> </…

Read More