移动端 h5开发遇到的问题总结

1、去掉 a，input 在移动端浏览器中的默认样式
①禁止 a 标签背景
在移动端使用 a标签做按钮的时候，点按会出现一个“暗色”的背景，去掉该背景的方法如下

a,button,input,optgroup,select,textarea {    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/}

②禁止长按 a，img 标签长按出现菜单栏
使用 a标签的时候，移动端长按会出现一个 菜单栏，这个时候禁止呼出菜单栏的方法如下：

a, img {    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/}

③流畅滚动

body{    -webkit-overflow-scrolling:touch;}

2、CSS 超过一定宽度省略号…显示

{    /*指定字符串的宽度*/    width:300px;       overflow: hidden;      /* 当字符串超过规定长度，显示省略符*/     text-overflow:ellipsis;      white-space: nowrap;   }

持续更新中….