安卓、IOS兼容性

ゝ一纸荒年。 2023-03-13 06:14 3阅读 0赞

## 安卓、IOS兼容性 ##

### 1、IOS下input默认样式(圆角、阴影) ###

解决方案

input { 
      -webkit-appearance: none;
      border-radius: 0;
      border: 1px #ccc solid;
    }

### 2、在IOS下页面滑动卡顿，Android没问题 ###

解决方案

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

### 3、input type 改为button ###

问题  
当input type为button，disabled为true，会出现背景色异常(其实就是禁用的样式)  
解决方案

*  把input的disabled改为readonly
 *  opacity：1

### 4、input type=text切换到英文输入法IOS下的问题 ###

解决方案  
input添加autocapitalize属性

<input class="SmallFour" type="text" autocapitalize="off" />

### 5、禁止数字自动识别为电话号码 ###

这个比较有用，因为一串数字在iphone的部分浏览器上会显示成蓝色，样式加成别的颜色也是不生效的。亲测，在微信内部浏览器没问题，但是在safari上有问题，IOS系统版本12.1.4

解决方案

<meta name="format-detection" content="telephone=no" />

### 6、input type=number之后，pc端出现上下箭头 ###

解决方案

input::-webkit-inner-spin-button { 
      -webkit-appearance: none !important;
      margin: 0;
    }

### 7、input type=number之后，pc端出现上下箭头 ###

解决方案

input::-webkit-inner-spin-button { 
      -webkit-appearance: none !important;
      margin: 0;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app运行在app中小程序，ios,安卓兼容性问题

轻松完成三个平台兼容  运行在除了app端的代码 <!-- endi...

柔情只为你懂/ 2024年04月17日 16:07/ 0 赞/ 88 阅读

相关安卓9.0加密兼容

InsecureSHA1PRNGKeyDerivator package com.hebky.oa.iit.test; / L

ゝ一世哀愁。/ 2023年10月05日 08:19/ 0 赞/ 54 阅读

相关移动端多指操作二安卓篇 (兼容性处理)

> 说在前面上篇文章说了ios上的多指操作，那为什么不放在一起，把安卓的也一起讲了，因为安卓的存在兼容问题，gesturestart，gesturechange等事件安卓上

不念不忘少年蓝@/ 2023年06月15日 06:38/ 0 赞/ 4 阅读

相关安卓IOS移动端兼容问题总结

之前一直是在维护项目，等到自己开发新项目的时候才发现各种问题，特此记录 1. 滚动条问题在ios上出现的滚动条滑动的时候会出现特别卡顿，不流畅的现象，解决办法是在有滚动

超、凢脫俗/ 2023年06月10日 14:22/ 0 赞/ 22 阅读

相关安卓、IOS兼容性

安卓、IOS兼容性 1、IOS下input默认样式(圆角、阴影) 解决方案 input { -webkit-appearance: none

ゝ一纸荒年。/ 2023年03月13日 06:14/ 0 赞/ 4 阅读

相关手机网页调试工具-兼容IOS与安卓

最近在开发微信公众号网页的时候，由于手机端的各种不适配或者机型的问题出现了很多莫名其妙的bug，但这些bug只会在固定的机型或者部分手机复现，电脑端调试以及大部分手机都是没有

缺乏、安全感/ 2023年02月22日 05:26/ 0 赞/ 27 阅读

相关解决vue低版本安卓手机兼容性问题

解决vue低版本安卓手机兼容性问题参考文章： [（1）解决vue低版本安卓手机兼容性问题][1_vue] （2）https://www.cnblogs.com/mei1

古城微笑少年丶/ 2023年02月18日 01:51/ 0 赞/ 11 阅读

相关 Ios和安卓的兼容性（一）

1.iOS手机将数字自动识别为电话，变成蓝色，有下划线 <meta name="format-detection" content="telephone=n

╰半橙微兮°/ 2022年10月10日 12:56/ 0 赞/ 216 阅读

相关安卓 CSS absolute 兼容性问题

看代码，大家都懂得 <div style="position: relative"> <div style="position: absolute;

╰半橙微兮°/ 2022年09月25日 15:18/ 0 赞/ 215 阅读

相关 ios与安卓样式兼容问题

1.margin在IOS中失效　　在页面中元素使用margin值，在某些IOS设备下会出现失效的情况，而安卓机则正常显示，此问题暂无直接的解决方案，当前使用空DIV控制

电玩女神/ 2022年02月16日 11:19/ 0 赞/ 435 阅读