em和rem怎么用,rem布局怎么实现

R em，R em，R em，-0/，火狐可以调整px和R-。px，em和r em在Css单位上有什么区别？响应式网页设计:r em，em设置网页的字体大小，自适应“r em”是指根元素的字体大小(rootel ement，html)，我太高兴了。

创新互联专注于企业营销型网站建设、网站重做改版、潘集网站定制设计、自适应品牌网站建设、H5页面制作、电子商务商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为潘集等各大城市提供网站开发制作服务。

创新互联专注于谢通门网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供谢通门营销型网站建设，谢通门网站制作、谢通门网页设计、谢通门网站官网定制、重庆小程序开发服务，打造谢通门网络公司原创品牌,更为您提供谢通门网站排名全网营销落地服务。

px是pixel的缩写，是相对长度单位，也是网页设计中常用的基本单位。像素px是相对于显示屏的分辨率em是相对长度单位。相对于当前对象中文本的字体大小(参考是父元素的字体大小)，如果没有设置当前父元素的字体大小，则相对于浏览器的默认字体大小特征为:1。em的值不固定；2.em继承父元素的fontsize。r em是CSS3添加的相对单位，r em是相对于html根元素的字体大小计算的长度单位。如果你不设置HTML的字体大小，浏览器将默认字体大小。一般是16px HTML { font size:62.5% }/* 10÷16×100% 62.5% */body { font size:1.4rem；}/* 1.4×10px 14px */在根元素中定义了62.5%(即10px)的基本字号。

长度单位有两种:相对和绝对px是像素、绝对单位、相对长度单位和相对屏幕分辨率的缩写。em是相对单位，引用的是父元素的fontsize，具有继承性的特点。浏览器默认字体为16px，整个页面中的1 em不是固定值。R em在CSS3中是一个新的相对单位，但它只是HTML根元素fontsize。通过它，只需要修改根元素就可以按比例调整所有字体大小，避免了字体大小层层复合的连锁反应。

Responsive Web Design:r em，em将网页的字体大小设置为自适应“rem”指的是根元素(rootel ement，html)。这样的新单元兼容性如何？IE9 ，主流版本的Firefox，Chrome，Safari，Opera都支持，所以我可以用r em

所以r em的出现拯救了我这种不会算术的人，我再也不用担心父元素的fontsize了，因为它始终是基于根元素(html)的。比如默认的htmlfontsize16px，那么我想把12px的文本设置为:12÷160.75(r em)。当然可以引入CSS预处理工具(Sass，LESS，Stylus等。)来自动计算r em的值，这里就不举例了。

国内大部分设计师喜欢用px，国外网站喜欢em和r em。两者有什么区别？Px:其实就是像素。用px设置字体大小更准确更稳定。Px特点:px是一个绝对单位。浏览器页面缩放时，px无法跟随变化，所以以px为单位的字体大小无法调整。国外大部分网站因为使用r em或em作为字体单位，所以可以调整。火狐可以调整px和r em和em，但国内浏览器大多使用IE内核。

em特点:Em是一个相对单位。Em的值不是固定的，受父字体大小的影响。R em:根据图元缩放字体大小。R em特点:r em是一个相对单位，受根元素字体大小的影响。修改根元素以按比例调整所有元素。避免字体大小层层复合的连锁反应。Em和r em单位区别:单位基于:em基于使用它们的元素的字体大小。R em基于html元素的字体大小。

1，概念px:绝对单位，页面以精确像素显示。em:相对单位，参照点是父节点的fontsize。如果fontsize是自己定义的(浏览器默认字体为16px)，那么整个页面中的1 em就不是一个固定值。R em:相对单位，可以理解为“root em”，是相对于根节点html的字体大小计算的。CSS3是一个新属性，chrome/firefox/IE9 都支持。

简单来说，基本单位是px，按照屏幕的物理像素来计算。如果你对px有什么疑问，rem，em，你只需要知道px暂时是基本单位，也就是屏幕上会显示多少个px。em是根据父元素的字体大小计算的。如果父元素的字体大小为16px，那么如果其子元素中的属性值设置为1 em，则为1 em16px。

1和px是固定像素，不能适应流动布局。一般高度设置在px，webapp版本宽度设置在r em，2.em指相对于父元素的字体大小单位；因为是相对于父元素的字体大小的单位，所以如果要设置元素的宽度和高度，就要看其父元素的大小。如果父代也是em unit，就得重新找它的父代，还得逐层计算，才能得到准确的像素值，3.r em的出现改变了很多移动终端的适配，因为r em指的是相对于偏旁的字体大小单位。