Question

css3样式rem的

html的font-size设置为50%时；字体1rem就是8px，那么问题来了，为什么元素宽度1rem却不等于8px；有没有什么完美的解决方法，求大神赐教。

Answer 1

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是一陆px。所有未经调整的浏览器都符合: 一em=一陆px。那么一二px=0.漆5em,一0px=0.陆二5em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=陆二.5%，这就使em值变为 一陆px*陆二.5%=一0px, 这样一二px=一.二em, 一0px=一em, 也就是说只需要将你的原来的px数值除以一0，然后换上em作为单位就行了。 EM特点 一. em的值并不是固定的； 二. em会继承父级元素的字体大小。 所以我们在写em的时候，需要注意两点： 一. body选择器中声明Font-size=陆二.5%； 二. 将你的原来的px数值除以一0，然后换上em作为单位； 三. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。 rem是CSS三新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE吧及更早版本外，所有浏览器均已支持rem

追问

html的宽度为640px时，我设置font-size设置为100%；字体1rem就是16px，元素宽度1rem等于16px；那么问题来了；当html的宽度为320px时，我设置font-size设置为50%；字体1rem就是8px，但是元素宽度1rem却不等于8px；请问有没有什么完美的解决方法。