① 前端 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实现点击跳转到指定位置
② 做前端如何考虑浏览器兼容性
IE6/IE7对FE当然很不友好，但专业的FE决不应该因为这两个浏览器难处理就不处理了。假如用户需要，我的目标是在力所能及的情况下为用户提供最好的前端展现。兼容性的问题从来都不只是IE6/7的问题，各个手机、浏览器、版本的兼容性同样有各种各样的问题，比IE奇葩多了。
我的经验是，每遇到一个坑爹问题，做这么几件事：
确认触发场景，什么浏览器、版本、什么情况下会出现这个问题，做到稳定复现；
找到问题原因，为什么会出现这样的问题（网上搜、自己琢磨甚至邮件问相应公司开发者等等都是可行的）；
确定解决办法，
有没有什么框架级的解决办法，总之是定规范，避免类似问题；
比如不使用某些属性；
用某种布局方法规避一些问题等等；
有没有什么临时的办法可以快速绕过去？不是每次都有时间搞框架级的办法来着。
怎么hack过去
把这些都积累起来，就会有用处。
不要想着IE6、7没了就不用考虑浏览器兼容性问题，chrome/firefox、 webkit的各种版本，手机的各种浏览器、各种终端都要处理更多浏览器兼容性问题，恩，对，偶尔还有flash来着。
兼容各种终端、兼容各种分辨率、兼容浏览器都是兼容性问题，这是FE的命，得认。抱着让用户有最好体验的想法去做，收获更大。
③ 想问下前端需要考虑的兼容性浏览器有哪些
一、浏览器的占有率：
ie6 - 30.23%
ie7 - 4.8%
ie8 - 30.6%
ie9 < 1%
chrome - 13.99%
firefox - 7.17%
safari ~ 5%
其他 ~ 8%
从数据上可以看出chrome + firefox + safari + ie9是高端浏览器，ie8勉强算准高端吧。这样这部分占有率约57%(如果加上其他webkit内核的浏览器会更高一些) 已经大于ie6 + ie7，但是IE6兼容性还是要解决。
二、web前端主要这些兼容浏览器：
1，firefox是开源的浏览器内核，插件很齐全，是代码人员的爱宠。
2、IE浏览器，要在Windows中开发适合自己的浏览器，很多人都在用。
推荐：ie8以上，360安全浏览器
3、Google浏览器，是谷歌公司开发的网页浏览器，稳定性和安全性很好。
推荐：Google Chrome
4、Opera12.17及更早版本曾经采用的内核是Presto，Opera15及以后的版本采用Blink的内核。用于手机代码测试也很方便。
推荐：Opera15
④ 现在前端开发还要兼容IE6，IE7吗
一般都是兼容到IE8，当然这是大多数中小型公司或者非互联网公司是如此。真正来说，因为IE6版本用户量仍然很大，所以很多公司都不会放弃对于它甚至会做IE5的兼容。
所以，可能不需要你完美的兼容，但至少保证用户的使用能够正常，页面布局不会错乱。
⑤ 我是学前端开发的，想问下做前端需要兼容哪些浏览器及浏览器的版本
目前国内主流浏览器：IE、搜狗、360 （可以网络 国内浏览器排行 ）
IE要兼容到IE6、7、8，主要是IE6的问题
搜狗和360差不多，主要是那个 极速 模式
⑥ 前端开发常见的兼容性问题及解决方案
解决方法：给input增加样式
使用这两个样式布局的时候
会出现 中间有空白的情况
解决办法是 给他们的父级设置 font-size:0
1.给父级元素设置
2.给父级样式设置
示例
3.添加空div
然后给空div设置
请参考笔记 ，奇怪的 && 和 ||
当两个值都为布尔值的时候 会返回布尔值
但是 两个都是变量的时候 会返回后面那个变量的值 这是非常奇怪的
去掉苹果手机默认的按钮样式
注意手机阻止默认事件，不可以加到某一个层上面
需要加到全局document上，确实非常的坑爹
另外，使用classList.contains("class") 可以检查元素是否拥有某样式
给左边的图片设置vertical-align:top
然后使用padding-top的方式去布局就不会左右不对称了
这种情况是图片和行高的大小差不多的情况 即 图片大于文字的大小
如果图片比文字小就需要使用vertical-align:middle去布局了
internet explorer -- Trident
Mozilla Firefox -- Gecko
opera -- Presto
safari / chrome -- WebKit
⑦ 做前端页面，什么时候解决浏览器兼容性还有ie浏览器兼容性怎么处理，现在还需要解决ie67 的兼容吗
你好，做前端开发的话肯定是要解决浏览器兼容性还有ie浏览器兼容性，如果不解决兼容性，那公司就没必要专门招前端开发去做这个前端开发页面了。解决兼容性，也是为了让前台页面看起来更加美观，用户体验好。