UI培训之移动端rem变革（一）

　　移动终端rem变化rem是一个低调的css单位，近一两年开始崭露头角。业内对rem的评价不同，有的在尝试使用，有的在使用过程中遇到坑就弃用。rem值得开发人员使用吗?看完这篇文章再做决定。 什么是rem?rem是指字体大小相对于根元素的单位。简而言之，它是一个相对单位。当你看到rem时，你会想到em单位。em是指字体大小相对于父元素的单位。事实上，它们非常相似，但rem计算的规则依赖于根元素，而em依赖于父元素。 旧的移动终端布局方案：将时间追溯到一两年前。当时，移动终端布局方案的一种做法是以320宽度为标准进行适应。320大小以上的手持设备仍以320规格显示，称为固定布局。布局方案有一些缺点：例如，大屏幕手机下的两侧都是空白的，另一个是大屏幕下的页面看起来特别小。

　　另一种方法是用百分比定义页面布局的宽度，但高度仍然用px固定，称为流动布局。虽然这种布局方案可以适应各种屏幕，但显示效果极其差，因为只有少数大小的手机才能完美地展示设计师最想要的效果，但行业中仍有很多流动布局，如：

亚马逊

携程：