为了适应各大屏幕的手机，px绝对值固定，不能根据尺寸的大小而改变，这个时候使用相对单位更能友好的诠释体验页面兼容性
em 根据父节点的font-size为相对单位
rem? 根据html的font-size为相对单位
em在多层嵌套下，变得?难以计算使用，?rem能作为全局统一设置度量
rem的基值设置多少合适呢？
我们使用rem的主要目的是为了适应各大手机屏幕 rem=screen.width/20?
那么我们可以设置多个font-size
//默认320px
html{font-size:32px}
//iphone6
@media (min-device-width:375px){
html{font-size:37.5px}
}?
//iphone6 plus?
@media (min-device-width:414px){
html{font-size:41.4px}
}?
这么做的主要是为了?rem的基值可以根据不同屏幕去适应font-size的大小。
举个简单的例子：
iphone5上的rem基值为32px,如果要渲染一张64px*64px的div,则用2rem*2rem去渲染。换算公式为
width:px/rem基值
height:px/rem基值?
不使用rem的情况：font-size
一般说font-size是不应该使用rem等相对单位的，因为字体的大小是趋向于阅读观看的实用性，不适合排版于布局，当然一些趋向于固定的元素特性，我们也不使用rem,反而使用px去确保在不同屏幕上的表现一致。?
在手机上，我们经常看到很多文字?标题的溢出，这块显示不完的文字会看到省略一部分，对于这块我们应该怎么去控制呢？最简单的我们用样式去控制这块让溢出的文字省略，
// 单行文本溢出
.inaline{
overflow:hidden; white-space:nowrap; text-overflo
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
