CSS - 应该用于边距和填充

Question

In my stylesheet I use em for font sizes.

Is it bad practice to use this for padding and margin as well so that when the font scales the margin and padding will scale with it?

Answer 1

I don't think that its a bad practice, but I don't think that most of developers will use it nowadays: some thought on it:

• http://davidbcalhoun.com/2010/does-it-still-make-sense-to-use-em-rather-than-px
• http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

Answer 2

I don't see how this is wrong?

em is just a way of expressing the measuring method. you can use pixels, em, cm.

also the padding of a div will be measured the way you put it. so if you write em to the padding it will work just as good as if you put pixels, it's just the value of spacing that varies

Answer 3

It totally depends on your need. Em should be avoided because it depends on the native browser settings, but if you use px then css of the page will be cross browser compatible.

Please refer to this post : Why em instead of px? This post will tell you when to use EM and when PX.

Answer 4

I usually use em for font size, height, width, padding, and margin. I don't usually mess with line-height, but I'd use em for that too. This of course always depends on what's on the page; gifs, pngs, and jpgs don't usually do so well with ems ;-)