html css一些记录

1、忽略将页面中的数字识别为电话号码
<meta content="telephone=no" name="format-detection" />
2、去掉点击元素会出现蓝框
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
3、事件问题
移动端的常用事件：touchstart，touchmove，touchend。
很多时候我们需要在浏览器里测试。所以兼容的写法是：
isTouch         = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/);,
eStart          = isTouch ? 'touchstart'  : 'mousedown',
eMove           = isTouch ? 'touchmove'   : 'mousemove',
eEnd            = isTouch ? 'touchend'    : 'mouseup';
4、字体单位
常用的有px、pt、%、em等，用em、%的时候遇到的问题就是计算，而且当嵌套的层级太多时就会非常难以把控，而用px则被固定死了，用rem完全不用担心这个问题，因为rem的参照对象只有根节点。我们只需设置根节点的大小，所有子节点都只需参照它来设计就可以（适合响应式）
5、input框的光标不居中问题
使用chrome浏览器发现，当input获得focus时，光标是充满整个input的高度的，也就是居中的，可是当输入文字以后，input中的内容显示偏上，而不能实现垂直居中了，查阅资料发现，chrome、firefox等浏览器取消行高才会实现居中，而ie浏览器则需要指定行高来实现居中，只需要针对ie浏览器进行简单的hack一下（line-height:20px\9）;

好用的滑动效果插件：http://www.swiper.com.cn/