常用浏览器兼容问题 及css hack总结

兼容性问题,主要是说IE与几个主流浏览器如firefox,google等

对浏览器兼容问题,一般分,HTML兼容,Javascript兼容,CSS兼容。

HTML与css常见兼容性处理

CSS3浏览器兼容

详细问题参考

https://blog.csdn.net/xustart7720/article/details/73604651/

https://www.cnblogs.com/mfrbuaa/p/3856214.html


css reset

每种浏览器都有一套默认的样式表,即user agent stylesheet,网页在没有指定的样式时,按浏览器内置的样式表来渲染。这是合理的,像word中也有一些预留样式,可以让我们的排版更美观整齐。不同浏览器甚至同一浏览器不同版本的默认样式是不同的。但这样会有很多兼容问题,CSSReset可以将所有浏览器默认样式设置成一样。

如全局重置*{ padding: 0; margin: 0; border:}虽然能全部重置,但由于性能较低,不推荐使用。因为*需要遍历整个DOM树,当页面节点较多时,会影响页面的渲染性能。这个网站http://cssreset.com/有最新的CSSReset提供给大家参考。

normalize.css没有重置所有的样式风格,但仅提供了一套合理的默认样式值。既能让众多浏览器达到一致和合理,但又不扰乱其他的东西(如粗体的标题)。


什么是浏览器兼容问题?

所谓的浏览器兼容性问题,是指由于不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。

通俗来说就是,使用不同浏览器(Firfox、Chrome、IE6、IE7等)访问同一个网站或者页面时候,显示混乱便是不兼容

做为一个前端人员最烦恼的就是各种浏览器的兼容性问题。从微软的IE6、IE7、IE8到火狐公司的FIREFOX以及其他各公司的浏览器多多少少存在一定的兼容性问题。每次你在写HTML的时候是否会感到相当苦恼。以下我们简单介绍下目前世界流行的各主流浏览器。

1、IE浏览器

这款浏览器是目前世界上最流行的浏览器,该浏览器因微软公司的捆绑销售策略得以流行于全世界。但是到了现 在也是让前端人员最为头疼的浏览器。其版本从IE6开始一直到现在的IE9,其霸主地位无可动摇,对付该浏览器

推荐前端人员使用ietester工具测试其兼容性。

2、火狐浏览器

火狐浏览器的英文名是Mozilla Firefox,是Mozilla公司的产品,采用了Gecko引擎,支持多种操作系统,并且 该浏览器是开源的,使得该浏览器下的插件非常多。最出名的是firebug,这款插件可以说是前端人员必备的。 它能够调试所有网站语言,如Html,Css等,并且它的javascript调试功能,使用起来也非常方便。

3、360安全浏览器

360安全浏览器(360 safety browser)是360安全中心推出的一款基于IE内核的浏览器,是世界之窗开发者凤凰工 作室和360安全中心合作的产品。其兼容性和IE是一致的,但是也有部分细微的区别,如在CSS中使用了 * 号, 那么在该浏览器下将存在兼容性问题。

4、360极速浏览器

该款浏览器使用了无缝融合双核引擎webkit内核及兼容性最好的IE内核。上网速度快,兼容性好,安全性佳,是目前国内最安全的双核浏览器。

5、傲游浏览器

傲游浏览器和360极速浏览器相似,也是采用了无缝融合双核引擎webkit内核及兼容性最好的IE内核。

6、谷歌浏览器

谷歌浏览器(Google Chrome,又称Google浏览器),是一个由Google(谷歌)公司开发的开放原始码网页浏览 器。该款浏览器是基于其他开源浏览器的代码而开发的,包括WebKit和Mozilla,其稳定性、速度和安全性都相当不错。

7、搜狗浏览器

搜狗浏览器是首款给网络加速的浏览器,可明显提升公网教育网互访速度2-5倍,通过业界首创的防假死技术, 使浏览器运行快捷流畅且不卡不死,具有自动网络收藏夹、独立播放网页视频、flash游戏提取操作等多项特色功能,并且兼容大部分用户使用习惯,支持多标签浏览、鼠标手势、隐私保护、广告过滤等主流功能。

8、TT浏览器

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
https://bbs.csdn.net/topics/618191877)

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值