Em px Relationship _ Experience Exchange

This is the case, the CSS commonly used in two kinds of definition font size of the unit: EM, px.

EM is a relative number, such as 1.1EM represents 1.1 character width, and this character width is based on font-size to initialize the size. At the same time EM also has inherited the characteristics of the parent object, so in different locations 1.2em is not necessarily equal, but this article and this does not matter to elaborate.
PX is the resolution of the current display device, although the different devices will still have a difference in size, but relatively more suitable for the definition of the font.
And this template I don't specifically define the font size of the search section, so it uses the parent object's font-size parameter 12px. and the evil ie to the font size definition unexpectedly and Ff/opera is different, by default, 1em in IE looks larger than other browsers, so need to add the following definition in the body section:
Copy the Code code as follows:
font-size:62.5%;
font-family: ' Lucida Grande ', Verdana, Arial, Sans-serif;

The key is the first sentence, it makes the font size under IE looks like: 1em=10px, so it is almost the same as Ff/opera.

