项目中问题记录

1.移动端input输入框页面变大的问题？（加入mate标签即可解决）

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

2.清除input输入框内部阴影（通过样式来解决）

input,
textarea {
    border: 0; 
    -webkit-appearance: none;
}

3.bootstrap模态框点击背景时，会自动关闭？ （点击背景不关闭的办法）

　　1. 在HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可。

　　2. 在需要显示模态框，初始化时，$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ，backdrop：’static’指的是点击背景空白处不被关闭； 

keyboard:false指的是触发键盘esc事件时不关闭

 

4.正则验证用户输入的是否是手机号 （最宽泛的正则）

　　现在的手机号比较杂，正则匹配不全会流失很多用户，只能用最宽泛的正则了

    // 点击发送验证码
    function isPoneAvailable(str) {
        var myreg = /^[1][0-9]{10}$/;
        //是手机号返回true不是返回false
        return myreg.test(str)
    }

5.table中td的宽度不随文字变宽

1.设置了table的宽度后，宽度仍然不固定，td的内容一多，很容易吧table撑变形。有些时候我们需要设置固定的宽度。

解决办法

　　

table {
    table-layout : fixed;
}
td {
  word-wrap:break-word; /*自动换行*/  
}

如果不想自动换行可以设置超出部分隐藏 (想设置超出隐藏的层都可以用)

td {
    overflow:hidden;
    white-space:nowrap; /*存在浏览器兼容问题*/
    text-overflow:ellipsis;  /*存在浏览器兼容问题* /
}

6..button的选中状态去掉蓝色边框

button {
  outline:none;  
}

1.设置了table的宽度后，宽度仍然不固定，td的内容一多，很容易吧table撑变形。有些时候我们需要设置固定的宽度。

解决办法

　　

table {
    table-layout : fixed;
}
td {
  word-wrap:break-word; /*自动换行*/  
}

如果不想自动换行可以设置超出部分隐藏 (想设置超出隐藏的层都可以用)

td {
    overflow:hidden;
    white-space:nowrap; /*存在浏览器兼容问题*/
    text-overflow:ellipsis;  /*存在浏览器兼容问题* /
}

6..button的选中状态去掉蓝色边框

button {
  outline:none;  
}