兼容性

移动端： ① 安卓浏览器看背景图片，有些设备会模糊，原因是手机的分辨率太小 解决方案： 用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:

前言:这里收集一些业内见到的移动端浏览器的兼容性问题. 如果大家也也到过, 欢迎补充. 1 虚拟键盘引起的兼容问题。 2 touch 事件引起的问题. 3 iOS 和 android 系统导致的差别。比如，微信内置浏览器 4 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 解决方案: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> （部分 安卓 手机的UC浏览器写完以后还是可以放大缩小） 5 忽略将页面中的数字识别为电话号码 解决方案: <meta name="format-detection" content="telephone=no" />（ iOS 上会明显 有时候会把数字当成电话号码） 6 忽略Android平台中对邮箱地址的识别 解决方案: <meta name="format-detection" content="email=no" /> 7 移动端浏览器部分兼容问题 解决方案: viewport模板: <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0

这几天被一个问题折磨了。 form表单内Button按钮会自动提交表单，导致意外的界面效果。 在谷歌浏览器中好像有处理这个问题，FF浏览器中需要手动处理，给button标签加上type=”button”。 来源： CSDN 作者： bk648223523 链接： https://blog.csdn.net/bk648223523/article/details/53084599

如果你在Android3.0版本或低于Android3.0版本下开发了一款应用，而且它能够在大屏幕上（如平板电脑）合理的调整尺寸，为了保持更好的用户体验，你应该禁掉屏幕兼容性模式。 从Android1.6开始，安卓已支持各种屏幕尺寸，并且为了适配每种屏幕做了很多工作去改变应用布局的大小。但是，如果你的应用没有按照Supporting Multiple Screens指南行事，就可能在大屏幕上遇到麻烦，对于这种问题的应用程序，屏幕兼容性模式可以让应用程序在大屏幕上表现的更好用一些。 有两个版本的屏幕兼容性模式，它们略有不同： Version 1 (Android 1.6 - 3.1) 系统在一个“邮票“窗口上绘制应用的UI，也就是说，系统绘制应用的布局与在正常大小的手机相同（模拟一个320dp*480dp的屏幕），屏幕剩余的空间由布局周围的黑色边框填充。 这介绍了 Android 1.6 处理仅为 320dp x 480dp 的原始屏幕大小而设计的应用程序。因为只有很少的活跃的android设备仍然在运行 Android 1.5，大部分的应用在 Android 1.6 或更高版本上被开发，不应该在大屏幕上开启这个版本的兼容性模式，这个版本被认为是过时的。 要禁掉这个版本的屏幕兼容模式，只需要简单地设置android:minSdkVersion或者android

由于我们App框架是基于原生+H5，H5负责展示和交互。让Android和iOS原生预定义一些统一的接口，h5直接调用使用，从而免去了复杂的兼容性判断，大大地减少前端工作，也使得性能更好。同时这里也可以看出接口测试最重要的一方面测试——兼容性测试，测试必要尽可能大地覆盖系统版本，分辨率，机型 针对app的测试过程和重点关注内容，做以下梳理和总结。 1、首先是测试资源确认及准备 （1） 产品需求文档、产品原型图、接口说明文档以及设计说明文档等应齐全； （2） 测试设备及工具的准备：IOS和andriod不同版本的真机，以及相关测试工具的准备。 2 2、 测试用例的设计与评审 （1） 根据产品需求文档、产品原型图等文档，设计客户端的一般功能测试用例； （2） 测试用例评审、修改与完善，评审通过后着手进入正式测试阶段。 3 3、 UI测试 （1） 确保手头的原型图与效果图为当前最新版本，符合产品经理及用户要求； （2） 测试过程中一切以效果图为准，若有用户体验方面的建议，可以先以邮件的形式与产品经理确认，确认通过后，可以正式向开发提出用户体验方面的问题； （3） 由于测试环境中的数据为模拟数据，测试时必须预先考虑到正式环境中可能出现的数据类型。 4 4、功能测试 （1） 功能测试时主要依据编写的功能测试用例进行软件功能的遍历； （2） 涉及的测试主要包括基本功能测试，安装、卸载、运行测试

/*--> */ /*--> */ Firefox 浏览器在处理white-space 为nowrap 下的元素float 为right 时，会错误的换行与Chrome 处理不一致。 来源： https://www.cnblogs.com/lskzj/p/11975416.html

产品的电磁兼容性设计需要从系统总体架构设计、模块和单板设计进行综合设计。首先根据产品需求，确定产品电磁兼容性设计的技术指标。来自产品需求的电磁兼容性设计技术指标是作为电磁兼容性设计的输入。根据电磁兼容性指标在系统总体架构、模块和单板设计上进行综合性的设计。比如：对于使用欧标机柜的铁路产品而言，需要考虑以下几个方面的电磁兼容性设计： 1、机柜结构件的电磁兼容性设计：机柜结构采用阻抗整体连续的防静电屏蔽机柜。机柜各个组成部分之间必须无缝隙，采用导电棉或防静电弹簧条填充机柜内各结构件的缝隙。机柜前后门、侧门、顶部和底部等所有活动部件采用可靠接地螺钉通过宽度不小于10mm的编织铜带连接。为了使从机柜内部引出的屏蔽线缆得屏蔽层可靠接地，在机柜内底部或顶部必须设置弹簧型环状屏蔽层接地装置。 2、机柜内部配线的电磁兼容性设计：在电源输入端口设置低通滤波器，实现两个作用，一是防止外部环境通过电源输入端口引入的高频干扰进入设备内部，另外防止设备内部产生的干扰通过电源线输出至公共电源线，造成电源线的污染。这种措施对于电源端口的辐射发射、浪涌、雷电等测试有一定的好处。在电源端口设置通过CRCC认证的电源防雷器进行共模和差模雷电防护，可以对抑制来自外部的浪涌、脉冲群和雷电脉冲干扰有很好的效果。另外，为了防止电源输入或输出端口所接设备短路，对外部电源产生影响

随着世界工业水平的发展，对电磁兼容设备与应用技术的要求越来越高，需求日益增大。电磁兼容已经在多个领域得到广泛应用，并日益受到人们的逐步认识和重视。EMC学科领域范围日益扩大，现已不只限于电子设备本身，还涉及到电磁污染、电磁饥饿等一系列生态效应问题以及其他多方面的问题，随着电磁能量利用的发展，它将预测并控制变化着的地球和天体周围的电磁环境、为了协调环境所采取控制方法、各项电气规程的制定以及电磁环境的协调和电磁能量的合理应用等。 当前，我国电磁兼容行业的科研、设计、应用水平已经大大提高，新技术、新产品也已经在大力开发和生产。但随着我国加入WTO，工业迅速发展，我国各行业对电磁兼容技术与产品的要求越来越高。因此，进一步加强国内外电磁兼容技术的交流与合作，加快新技术、新产品的推广和应用，已是当务之急。随着科学技术的发展，大量技术含量高、内部结构复杂的电工、电子产品得到广泛应用。而电磁干扰致使电工、电子产品的性能下降，无法工作的现象也时有发生，严重的可造成质量事故和设备损坏以及其它无法估量的损失。 在电磁环境中，电磁干扰造成的危害是各种各样的，可能从最简单的令人烦恼的现象直到严重的灾难。 1、为了电子设备工作的可靠性 电磁兼容性是指电子设备在电磁环境中正常工作的能力。电磁干扰是对电子设备工作性能有害的电磁变化现象。电磁干扰不仅影响电子设备的正常工作，甚至造成电子设备中的某些元器件损害。因此

前端页面开发中关于内容居中的需求应用概率很大，自己搜集一些资料和总结关于css里的几种居中效果实现 第一 常用 text-align:center 先将子元素将块级元素改为行内元素，即 display:inline-block 父级元素设置 text-align:center 兼容性： IE6 , IE7 第二 使用 table+margin 将子元素设置成块级表格显示类似（<table>）,在设置子框居中以达到水平居中 兼容性：不支持 IE6、IE7 <div class="fa"> 父 <div class="ch">子</div> </div> display: table; margin: 0 auto; 第三 使用 absolute+transform 将子元素设置为绝对定位，移动子框，使子元素左侧距离相对左侧边框的距离为相对子框宽度的一半，再通过向左移动子框一半宽度以达到水平居中。 兼容性：css3属性兼容存在一定问题，高版本需要添加前缀 position: relative; /*父*/ position: absolute; /*子*/ left: 50%; transform:translateX(-50%); 第四 使用 flex+margin 通过父级元素flex布局将子框转换为 flex item 再设置子元素水平居中 兼容性：不支持 IE6、IE7、IE8

一、电磁兼容性(EMC) 是指电子、电气设备或系统在预期的电磁环境中，按设计要求正常工作的能力。主要包括三个方面的含义： (1)、电磁干扰(EMI)： 是指设备在正常运行过程中对所在环境产生的电磁干扰不能超过一定的限值。 (2)、电磁抗扰度(EMS)： 是指器件对所在环境中存在的电磁干扰具有一定程度的抗扰度。 (3)、电磁环境： 即系统或设备的工作环境。 二、EMC的传播途径： 一个是 通过辐射 的形式，另一个是 通过传导 的形式。总之，当设备和导线的长度比波长短时，主要问题是 传导干扰 ；当它们的尺寸比波长长时，主要问题是 辐射干扰 。除此之外，环境中还存在一些短暂的 瞬态干扰 ，瞬态干扰既可以通过电缆进入设备，也可以通过辐射干扰的形式对设备造成影响。常见的瞬态干扰包括： 电快速脉冲(EFT) 、 浪涌(SURGE) 、 静电放电(ESD) 三种。 EMC的三要素是 ： 电磁干扰源 、 耦合途径 、 敏感设备 。 二、EMC的解决办法： 接地 、 滤波 、 屏蔽隔离 。对于波形信号沿的考虑上，EMC设计希望 减缓信号的上升边沿和下降边沿 ，即信号边沿越缓，辐射越小。 (1)、地线设计： 保持参考地平面的连续非常重要，并尽可能减少地线的阻抗，避免出现公共地线阻抗等。 (2)、滤波设计： 滤波的目的就是消除导线上的干扰信号，防止电路中的干扰信号传导到导线上