前端 PC端兼容性问题总结

1.如果图片加a标签在IE9-中会有边框

2.rgba不支持IE8

3.display:inline-block ie6/7不支持

4.默认的 body 没有 body 去掉 margin 情况下ie5、6、7边缘会很宽margin-top加倍 如果处于无声明状态那么所有的ie浏览器margin-top加倍

解决方案:用 css 给 body 添加 magin 属性为0px

5. IE 6.0 Firefox Opera 等是 真实宽度=width+padding+border

　IE5.X 真实宽度=width

解决方案:

方法1.

方法2.

6. height 不能小于16px,设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

7. min-height 不兼容 ie6 7解释为超过高度就撑开，而其他版本浏览器则遮盖下面的层

8. position:fixed IE5 6无法识别此属性

9.浮动的div有 margin_left 属性ie6会加倍 无论兼容视图还是无声明视图

10. cursor 兼容 自定义指针cur格式的图片url路径问题无论是兼容还是无声明版本

11.png图片 IE6里面的png图片不能透明 兼容版本和无声明版本都是

12.img浮动 img标签打回车会造成每个图片之间有缝隙

解决方案:可以删除之间的回车键也可以让这些图片浮动

13.在IE浏览器下 input type="text" 文本框点击时后面会出现"X",以及 type="password "后面会出现眼睛,如何除去这两种默认样式

14.CSS3前缀 -webkit- webkit渲染引擎 chrome/safari

-moz- gecko渲染引擎 firefox

-ms- trident渲染引擎 IE

-o- 　opeck渲染引擎　opera

动画、过渡、 background-size 都需要加前缀

16. PIE.htc 可以实现很多 css3 属性在IE下的兼容性 如:圆角、阴影、渐变

behavior: url(css/PIE.htc)/ IE边框阴影 /

}`

背景透明rgba

注: PIE.htc 文件路径相对是相对于css文件,并非html文件,以上例子是将 PIE.htc 文件放在与css样式文件同一个文件夹 css 内,而对应的 html 问价与 css 文件夹同级

17.JS实现点击跳转到指定位置

前端开发中PC端和移动端网站的区别，主要是：

2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端d出的手机键盘该如何处理，这样的问题在PC上肯定不会遇到，但在移动端，如果你没有经验，处理起来是相当麻烦的；

3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；

4、在动画效果处理上，PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些，但相比CSS3却牺牲了较大的性能，而在手机端，如果要做一些动画、特效等，第一选择肯定是CSS3，既简单，效率又高。

前端开发中PC端和移动端网站的区别，主要是：PC端在开发过程中考虑的是浏览器兼容性，移动端开发中考虑的是手机兼容性问题，做移动端开发，更多考虑的是手机分辨率的自适应和不同手机 *** 作系统的略微差异化。

拓展：

1、PC (personal computer)，个人计算机一词源自于1981年IBM的第一部桌上型计算机型号PC，在此之前有Apple II的个人用计算机。个人计算机由硬件系统和软件系统组成，是一种能独立运行，完成特定功能的设备。硬件系统：是指计算机的物理设备如电源、主板、CPU、内存、硬盘等等。l软件系统：是指为方便使用计算机而设计的程序，软件系统包括系统软件和应用软件。系统软件指的是主要用于控制和管理计算机资源的程序，如 *** 作系统、编译系统等。应用软件指各种可以运行在 *** 作系统中的程序，如游戏软件、工作软件等。

2、移动依托铁通发展自己的有线宽带的同时，发展移动有线通，是移动在08年电信业重组之后与广电合作推出的一种有线宽带上网业务。移动为了和电信联通进行有线宽带服务的竞争，推出了这个业务。移动有线通是针对家庭用户或企业提供的基于双向有线网络的宽带接入服务。当然移动有线通是针对有线上网提出的，移动很早就开办了无线上网业务如：手机上网、3G上网、WLAN（WIFI)，有线通的推出也使人们多了一种上网运营商的选择。　

---