em是什么意思（女生聊天总发em）

em：就是以父级作为基准来缩放字体大小。

em特点：

rem：以于根元素作为基准来缩放字体大小的。

rem特点：

Em和rem单位区别：

1. 单位基于：em 基于使用他们的元素的字体大小 。rem基于 html 元素的字体大小。
2. 继承 ：em可能受任何继承的父元素字体大小影响。 rem可以从浏览器字体设置中继承字体大小。
3. 使用情况： 使用em单位应根据组件的字体大小而不是根元素的字体大小。不使用em单位，并且需要根据浏览器的字体大小设置缩放的情况下使用rem。 而使用rem单位，除非你确定你需要 em 单位，包括对字体大小。

绘制页面的时候具体使用什么单位主要由项目来决定，如果不考虑低版本浏览器兼容问题，那就使用rem,如果兼容低版本IE就使用px,或者两者同时使用。

Px设置字体大小时存在问题：对浏览器进行缩放时，页面布局会乱，这时就需要使用rem或em来定义字体大小。

制作手机自适应网页，由于手机宽度大小众多，制作一个响应式网页，手机宽度越大字体越大，就像一张图片一样进行缩放。给大家分享一个rem的插件：

(function(doc, win) { var docEl = doc.documentElement, resizeEvt = \'orientationchange\' in window ? \'orientationchange\': \'resize\', recalc = function() {  var clientWidth = docEl.clientWidth;  if (!clientWidth) return;  if (clientWidth >= 560) {   clientWidth = 560;  } docEl.style.fontSize = 100 * (clientWidth / 750) + \'px\'; }; if (!doc.addEventListener) return; recalc(); win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(\'DOMContentLoaded\', recalc, false);})(document, window);