国内设计师大多喜欢用px，而国外的网站大多喜欢用em和rem，那么这三者有什么区别，各有什么优缺点羊毛布？PX特性IE无法调整以px为单位的字体大小；大部分国外网站都可以调整原因，因为他们使用em或rem作为字体单位；Firefox可以调整px和em、rem，但96%以上的中国网友使用IE浏览器（或内核）。px像素（像素）。相对长度单位。Pixelpx是相对于显示器的屏幕分辨率的。（引自CSS2.0手册）em的值不固定；em将继承父元素的字体大小。em是相对长度单位。相对于当前对象中文本的字体大小。如果内联文本的当前字体大小没有手动设置，则它是相对于浏览器的默认字体大小。（引自CSS2.0手册）rem特性rem是CSS3中一个新的相对单位（根em，根em），引起了广泛的关注。这个单位和em有什么区别？不同的是，当使用rem为元素设置字体大小时，它仍然是一个相对大小，但相对大小只是HTML根元素。这个单位可以说是结合了相对大小和绝对大小的优点。通过它，只需修改根元素就可以按比例调整所有字号，避免字号逐层复合的连锁反应。目前，除IE8及更早版本外，所有浏览器均支持rem。对于不支持的浏览器，解决办法也很简单，就是多写一个绝对单元语句。这些浏览器忽略使用rem设置的字体大小。这是一个例子：p{font-size:14px;font-size:.875rem;}注意：你选择使用的字体单位主要由你的项目决定。如果你的用户群使用的是最新版本的浏览器，那么推荐使用rem，如果要考虑兼容性，就使用px，或者两者同时使用。这里给大家提供一个px,em,rem单位转换工具地址：http://pxtoem.com/
