项目总结（6） 关于安卓和苹果系统的区分，关于弹性布局的样式和字间距的样式

// 判断用户用的是安卓机还是苹果机，以此来解决键盘盖住密码输入框的问题
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(isAndroid){
    $scope.model.elementShow = false;

}

安卓和苹果系统的区分，因为在h5开发当中，安卓系统和苹果系统在页面样式的表现中是不一样的。所以就需要区分一下安卓系统和苹果系统

所以就是这样的。

关于弹性布局这方面，关于弹性布局这一块，我是有想法的，因为以前接触的不多，只是真正做这个项目的时候才真正开始用弹性布局，

而且是看的是阮一峰的写的技术文章开始看的。所以就趁今天来总结一下项目中用到的弹性布局。

不过想了一下，自己总结的还是不如阮一峰的写的技术文章

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

没事的时候我喜欢看一看，加深一下理解。

以前很少接触过字间距这个样式，一查原来有两个：

letter-spacing  和  word-spacing  而且还有区别，所以就总结了下来，一点一点慢慢积累。

下面

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。请大家注意，word-spacing对中文无效。
letter-spacing

　　语法：
letter-spacing : normal | length 
参数：
normal : 　默认间隔
length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
说明：
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。
word-spacing

　　语法：
word-spacing : normal | length 
参数：
normal : 　默认间距
length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
说明：
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。