HTML5技术

移动WEB前端开发资源整合 - 南山老农

字号+ 作者:H5之家 来源:H5之家 2016-01-14 15:52 我要评论( )

meta相关: CSS相关: -webkit-overflow-scrolling:touch;快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。-webkit-overflow-scrolling创建了带有硬件加速的系统级控件,所以效率很高。但是这相对是耗更多内存的,最好在产生了非常大面积的overflow

meta相关:

CSS相关:

   -webkit-overflow-scrolling:touch;快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。-webkit-overflow-scrolling创建了带有硬件加速的系统级控件,所以效率很高。但是这相对是耗更多内存的,最好在产生了非常大面积的overflow时才应用。

 移动端字体

}

  禁止长按链接与图片弹出菜单

a, img { -webkit-touch-callout: none; }

 防止点击高亮,可以通过给a标签或者body,html加 

-webkit-tap-highlight-color:transparent;

  -webkit-appearance属性,来改变任何元素的浏览器默认风格

appearance:none|normal|icon|window|button|menu|field;

 去掉webkit默认的表单样式

button,input,optgroup,select,textarea {-webkit-appearance:none; }

 禁止选中文本

-webkit-user-select: none;

  去掉a、input和button点击时的蓝色外边框和灰色半透明背景

a,button,input,optgroup,select,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0); }

  修改input的planceholder样式

input::-webkit-input-placeholder {color:#ccc;}

  修改表单获取焦点时的样式

input[type=text]:focus, input[type=password]:focus { border: 2px solid#f00;outline: none;}

  用CSS实现省略号文字截断

white-space: nowrap;text-overflow: ellipsis;

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    2017-05-02 12:04

  • 前端工具的安装 - 韩子卢

    前端工具的安装 - 韩子卢

    2017-05-02 08:00

  • 移动前端常用meta标签 - 0jiji0

    移动前端常用meta标签 - 0jiji0

    2017-04-21 12:00

  • 前端项目从0到1的感悟 - liliangel

    前端项目从0到1的感悟 - liliangel

    2017-04-20 12:00

网友点评
,