当前位置: 首頁 > HTML&CSS > 最近遇到android和IOS的两个不同之处

最近遇到android和IOS的两个不同之处

因为在前公司做了1年多的PHP,前端少做了许多,移动端方面也基本上是自己私下接触的居多。

现在在现公司比较有接触,最近遇到2个比较奇怪的问题,发此文标记一下。


1、input行高问题


当我给input加上行高的时候 在android下的光标区域会变成如下图

IOS系统下正常(因为光标占满整个行高)


行高去掉之后正常,如下图,但是行高去掉之后,在IOS系统下的某些input的行高会对不齐

如type=date的input类型,只能分别定义了.....



2、在IOS系统下点击失效

在我给某个DIV加上click的时候,自以为移动端 所以css没有加上cursor:pointer;

结果在IOS下点击没有效果(android下正常)

后来百度后才知道 IOS会根据cursor:pointer;来判断元素是否可以点击,所以要加上,CLICK事件才会有效(还真是特别的判断方式...)


3.IOS系统点击区域闪烁关闭(2015-7-20添加)

只要CSS加上

-webkit-tap-highlight-color:transparent;

即可关闭安卓系统的点击边框无效....

加上

-webkit-tap-highlight-color:rgba(0,0,0,0);

安卓的点击边框有效,IOS系统也有效,应该还可以修改对应的点击颜色

评论 ( 0 )

网友留言