PC端/移动端常见的兼容性问题总结

移动端:

① 安卓浏览器看背景图片,有些设备会模糊,原因是手机的分辨率太小

解决方案: 用2X图片来代替img标签,然后background-size: contain

② 防止手机中页面放大或缩小: 在meta中设置viewport user-scalable = no

③ 上下拉滚动条卡顿: overflow-scrolling: touch;

④ 禁止复制选中文本: user-select: none;

⑤ 长时间按住页面出现闪退:-webkit-touch-callout: none;

⑥ 动画定义3D硬件加速: transform: translate 3d(0,0,0);

⑦ formate-detection 启动或禁止自动识别页面中的电话号码,content = "yes/no"

⑧ a标签添加tel是拨号功能

⑨ 安卓手机的圆角失效: background-clip: padding-box;

⑩ 手机端300ms延迟: fastclick

① 横平时字体加粗不一致: text-size-adjust: 100%;

PC端:

① rgba不支持IE8 用opacity属性代替rgba设置透明度

② 图片加a标签在IE9中出现边框 解决方案: img{border: none;}

③ IE6不支持display: inline-block       设置为: display: inline

④ position : fixed 不支持IE5/IE6

⑤ IE6,Firfox中,width = width + padding + border

⑥ min-height比兼容IE6/IE7

原文地址:https://www.cnblogs.com/xiaoya625/p/9278706.html

时间: 2024-11-05 18:53:21

PC端/移动端常见的兼容性问题总结的相关文章

微信第三方登录 -- (PC端+移动端)

微信第三方登录 -- (PC端+移动端) 一.前言 一. 什么是第三方登录 所谓的第三方登录,是说基于用户在第三方平台上已有的账号和密码来快速完成己方应用的登录或者注册的功能.而这里的第三方平台,一般是已经拥有大量用户的平台,国外的比如Facebook,Twitter等,国内的比如微博.微信.QQ等. 二. 为什么要用第三方登录 第三方登录之所以会被较为广泛地在产品设计上使用,是因为它有以下几个优点: (1)对普通用户 相比于本地注册,第三方登录一般来说比较方便.快捷,能够显著降低用户的注册和登

移动端测试——手机常见操作的API (5)

appium基础API 1.1 常用的手机操作API 针对手机的一些常用设置功能进行操作 前置代码 # 导入driver对象 from appium import webdriver import time # server 启动参数 desired_caps = {} # 设备信息(系统.版本.设备号) desired_caps['platformName'] = 'Android' desired_caps['platformVersion'] = '9' desired_caps['dev

端到端的全栈实力,英特尔正在用人工智能成就未来

2017年5月27日,英特尔参加了由机器之心SYNCED主办的2017全球机器智能峰会(GMIS 2017),此次大会以"机器智能时代"为主题,全面聚焦人工智能,包括英特尔在内的众多国内外顶级专家汇聚于此,围绕人工智能展开精彩的演讲和激烈的讨论. 会议期间,英特尔AIPG数据科学部主任刘茵茵博士,发表了主题为<演变中的人工智能,与模型俱进>的精彩演讲,她表示,深度学习推动着人工智能领域的进展,每个AI模型都是理论与实践的突破,以模型为起点,通过收集数据,进行训练,基于人工智

编程的子阵列和最大和膨胀的美(可连接的端到端)

情况1:我不同意端到端 此情况非经常见,方法是动态规划.编程之美的方法三给出了解法.这里就直接给出代码了 int maxSubSum(vector<int>& data) { int length = data.size(); assert(length >= 0); int maxSum = data[length-1],startSum = data[length-1],begin = length-1,i; for(i = length-2;i >= 0;i--) {

CCIE学习笔记之端到端QOS

Class-map默认行为match-all Match protocol http mime "*/audio/*" Match protocol http mime "*/video/*"  //分类器寻找特殊类型的音频和视频mime流量 Match protocol http "*.jpg|*.jpeg"     //匹配图片流量 注:MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自

系统测试与端到端测试:哪一个更适合选择?

在软件行业,我们总是在选择更快的版本和质量的版本之间的两难选择,但是两者之间总是有一个很好的平衡.我们都期望速度和质量同时,这是一个相当困难的一个. 测试下软件产品的寿命 什么是系统测试? 为什么系统测试很重要? 什么时候开始系统测试? 什么是端到端测试? 为什么端到端测试很重要? 什么时候开始端到端的测试? 系统测试与端到端测试的区别 系统测试还是端到端测试还是两者兼而有之? 测试下软件产品的寿命 一旦从客户获得业务需求,产品的生命周期就开始了.负责该项目的有关小组将对此进行彻底分析,并进一步

vue-cli 脚手架基于Nightwatch的端到端测试环境的过程

不同公司和组织之间的测试效率迥异.在这个富交互和响应式处理随处可见的时代,很多组织都使用敏捷的方式来开发应用,因此测试自动化也成为软件项目的必备部分.测试自动化意味着使用软件工具来反复运行项目中的测试,并为回归测试提供反馈. 端到端测试又简称E2E(End-To-End test)测试,它不同于单元测试侧重于检验函数的输出结果,端到端测试将尽可能从用户的视角,对真实系统的访问行为进行仿真.对于Web应用来说,这意味着需要打开浏览器.加载页面.运行JavaScript,以及进行与DOM交互等操作.

Salesforce开源TransmogrifAI:用于结构化数据的端到端AutoML库

AutoML 即通过自动化的机器学习实现人工智能模型的快速构建,它可以简化机器学习流程,方便更多人利用人工智能技术.近日,软件行业巨头 Salesforce 开源了其 AutoML 库 TransmogrifAI.Salesforce Einstein 数据科学高级总监 Shubha Nabar 在 Medium 上撰文介绍了该 AutoML 库,包括工作流程和设计原则等. GitHub 链接:https://github.com/salesforce/TransmogrifAI Transmo

汉诺威现场直击 | 如何实现端到端的工业互联网业务整合

本文作者:彭俊松博士 以「融合的工业--工业智能」为主题的2019汉诺威工业博览会正式开幕.从4月1日起,来自75个国家的企业与访客齐聚德国汉诺威,探讨与分享最前沿的工业科技. SAP天天事特邀SAP中国副总裁.首席数字官彭俊松博士,为你带来汉诺威现场速递与展会观察. 占有主场之利的 SAP,今年为汉诺威工博会带来了以「数字化供应链和智能技术的力量(The Power of Digital Supply Chain and Intelligent Technologies)」为主题的展台,展示了

常见浏览器兼容性问题与解决方案【转】

常见浏览器兼容性问题与解决方案 原文:http://blog.csdn.net/chuyuqing/article/details/37561313/ 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精确按