移动端问题总结

2021-07-08 10:10:11 浏览数 (1)

1、移动端web页面显示图片在ios下回出现图片透明非常浅的问题，使用如下代码解决：

代码语言：javascript复制

Element{
  opacity: 1;
}

2、iphone及ipad下输入框默认内阴影

代码语言：javascript复制

Element{
  -webkit-appearance: none; 
}

3、html5调用安卓或者ios的拨号功能 html5提供了自动调用拨号的标签，只要在a标签的href中添加tel:就可以了。

代码语言：javascript复制

<a href="tel:4008106999,1034">400-810-6999 转 1034</a>

html5GPS定位功能

具体请看：http://www.jb51.net/post/html5_GPS_getCurrentPosition

4、上下拉动滚动条时卡顿、慢

代码语言：javascript复制

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

Android3 和iOS5 支持CSS3的新属性为overflow-scrolling

0 人点赞