该基准
font-size由用户在浏览器中预定义的首选项确定。
在几乎所有浏览器中,16px是比例字体的标准。这也可以根据字体是使用衬线还是固定宽度的字体而改变。
请记住,使用
em需要父母
font-size,并且与其成正比,而
rem使用html根元素
例如:
html { font-size: 16px;}h1 { font-size: 2em; // 32px}p { font-size: 1em; // 16px}.someClass { font-size: .75em; // 12px}.someClass p { font-size: 2em; // 24px}.someClass p .test { font-size: 1.25rem; // 20px}<html><h1>2em Title Text</h1><p>Normal Element Text</p><div > someClass font size <p>SomeClass with em</p> <p><span >someClass p element with class test</span> </p></div></html>


