移动端的兼容性

今天第一篇发表，想谈一下移动端的兼容性，由于工作的原因，做的最多的就是移动端的页面，移动端不太好做，而且各个手机，浏览器，包括安卓与苹果，种种之间兼容性不太好，以前也没接触过，所以想写一些自己的心得供大家参考，共同进步。将持续不断的连载更新。

移动端兼容之一：苹果手机对于手机号的支持。

某一次做页面的过程中，上线以后调试，在安卓上面可以显示正常，但是苹果手机上面始终显示不出电话号，试过各种方法，最终查的结果，在苹果手机上面显示电话号需要加一个<meta name="format-detection" content="telephone=no" />，感觉被坑了，meta标签还是非常重要的，作用不可小觑。

时间： 2024-11-06 07:24:13

移动端的兼容性的相关文章

移动端开发兼容性处理整理

[UC浏览器]video标签脱离文档流 场景:<video>标签的父元素(祖辈元素)设置transform样式后,<video>标签会脱离文档流. 测试环境:UC浏览器 8.7/8.6 + Android 2.3/4.0 . Demo:http://t.cn/zj3xiyu 解决方案:不使用transform属性.translate用top.margin等属性替代. [UC浏览器]video标签总在最前 场景:<video>标签总是在最前(可以理解为video标签的z-

移动端常见兼容性问题及解决办法

当使用transform:translate3d(-50%,-50%,0)居中弹框(div)时,在pc端,内部的文字会模糊.解决办法:给body定义样式 body{ font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; } 用position:absolute/fixed;把一个按钮固定在页面的底部,在android系统中,当调用输入法时,该按钮会

06- 移动端APP兼容性测试与云测试技术

1.兼容性测试: 1.在计算机术语上兼容是指几个硬件之间,几个软件之间或是软硬件之间的相互配合程度. 2.兼容性测试是指测试软件在特定的硬件平台上,不同的应用软件之间,不同的操作系统上,不同的网络等环境中是否能够正常的运行的测试. 2.兼容性测试的核心内容 1.测试软件是否在不同的操作系统平台上兼容,或测试软件是否能在同一操作平台的不同版本上兼容. 2.测试软件能够与其他相关的软件兼容: 3.数据兼容性测试,主要是指数据能够共享等,版本更新,第三方登录获取信息. 4.软件本身能否向前或向后兼容:

移动端开发的兼容性处理

PC机与移动端的分辨率不同,导致页面或视频会出现拉长的情况,针对移动端的兼容性问题,可尝试将以下代码加到网页中． <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="format-detection" content="telephon

移动端兼容性浅析

"移动网民的规模将在2013年底达到5.0亿,增速为19.1%.预计到2017年,移动网民将赶超PC网民,成为互联网的第一大用户群体,移动端将成为网民最主要的上网渠道.互联网的加速渗透和全民移动互联有望在下一个5年实现.在过去的几年时间里,移动智能设备快速普及,配置迅速提升,许多过去在PC端才能完成的需求都转移到了移动端,导致PC端流量也逐渐向移动端转移.未来几年许多互联网产品移动端的流量即将超过PC端,整个互联网的使用场景产生巨大变迁." --<2014年中国移动互联网行业年度

移动端页面开发

移动端页面开发 移动客户端的开发类型(站在前端立场上来说),主要是三种:Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iPhone iPad就是纯Object-C,安卓就是纯JAVA, 是性能最棒的开发方式,但灵活性不好.Web App, 就是在移动浏览器里打开的,纯HTML+CSS+JS,说白了就是个网页,只不过非常的富应用,比如手机浏览器访问的GMAIL.就是在浏览器里打开的页面.IOS支持可以在桌面创建访问的快捷方式,但是说到底还是打开Safari跑.而且对

移动端实现标题文字的截断

适用场景 当屏幕分辨率为320X500时模块标题效果如下: 当屏幕分辨率为480X500时模块标题效果如下: 也就是当屏幕分辨率大时显示的文字多,分辨率小时显示文字少,同时需要保证这一部分始终完全显示. 实现方式 方案一: DEMO 来自@蒋轩哲 为整个容器 和 标题文字容器 添加 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  保证内容在一行内显示.效果如下,我们需要显示的网站标识同时也被省略掉了,这时我们接着改进 为标题

移动端web开发初探之Vuejs的简单实战

这段时间在做的东西,是北邮人论坛APP的注册页.这个注册页是内嵌的网页,因为打算安卓和IOS平台同时使用.因此实际上就是在做移动端的web开发了. 在这过程中遇到了不少有意思的东西. DEMO的github地址在这里 内容提要: meta标签 Vuejs的简单实战 CSS移动端全屏背景 CSS移动端动画初探 meta标签 这点与在PC端写前端有着很大的区别,移动端的meta标签简直多.我就说说我所用到的标签. <!-- 1.如果支持Google Chrome Frame:GCF,则使用GCF渲染

移动测（APP）试与web端测试的区别

1.操作环境不同 移动端的测试环境是安卓操作环境或者iOS操作系统: web端操作环境一般是windows(如果你用的是MC电脑,那就是iOS操作系统). 2.页面的显示尺寸不同 移动端的尺寸比较多,大小各异,这里不一一列举了. web端的尺寸相对较少,比如14寸屏.16寸屏.22寸屏等. 3.使用的网络不同 移动端一般使用的网络有:WIFI.4G网.3G网.2G网等. web端一般使用的网络有:有线网(宽带).无线网(WiFi). 4.操作方式不同 移动端的操作可以手指点击.上拉.下拉,滑动切