一、完全兼容ios和安卓的写法
1、用a标签包起来,在a标签里面加一句代码ontouchstart = "return false;"
二、只兼容ios的写法
*{
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
} 在添加完这段代码后,在IOS 上会有问题的,这个时候你会发现input 框无法正在输入了内容了;造成这个原因就是 -webkit-user-select:none; 这个属性造成的。
解决这个方法 就是 在css 文件中同时设置一下input 的属性,如下所示:
input {
-webkit-user-select:auto; /*webkit浏览器*/
}
本文介绍了如何通过CSS和HTML来优化移动端Web应用的触控体验,包括完全兼容iOS和安卓平台的方法,以及仅针对iOS设备的特定优化技巧。文章还详细解释了如何解决因使用特定CSS属性而导致的输入框无法正常工作的常见问题。
3463





