分享好友 最新动态首页 最新动态分类 切换频道
2024年前端最新常用浏览器兼容问题 及css hack总结,前端黑科技保活实现原理揭秘
2024-12-26 09:10

如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

每种浏览器都有一套默认的样式表,即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浏览器

腾讯TT浏览器是腾讯公司出品的一款集多线程、黑白名单、智能屏蔽、鼠标手势等功能于一体的多页面浏览器, 具有快速、稳定、安全的特点。因和腾讯旗下的各产品实现了接入,使得该浏览器可以很方便的操作腾讯旗下的 各娱乐产品。

除了以上浏览器还有很多其他的浏览器产品,但是对于前端人员来说,涉及到的浏览器兼容性其实主要有2类一是基于IE内核的浏览器,二是基于非IE内核的浏览器,只要在这2个方面做好,基本就没问题了。

上文转载自:https://blog.csdn.net/xustart7720/article/details/73604559?utm_source=copy

什么是CSS Hack

由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等,对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,让它能够同时兼容不同的浏览器,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack!

喜欢的话别忘了 关注、点赞哦~。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

最新文章
百度蜘蛛池咨询:SEO实战解析,泛目录操作与蜘蛛池的巧妙运用
本内容解析了SEO实战技巧,深入探讨泛目录操作和蜘蛛池的运用。旨在帮助读者了解如何通过合理运用这些策略提升网站搜索引擎排名。本文目录导读:泛目录操作蜘蛛池泛目录操作与蜘蛛池的巧妙运用注意事项随着互联网的快速发展,SEO(搜索引擎
百度蜘蛛池引流:盘点性价比之选,那些价格亲民的蜘蛛池推荐
本文为您盘点价格亲民的蜘蛛池,探讨百度蜘蛛池引流性价比之选。通过对不同类型蜘蛛池的比较,推荐几款性价比较高的蜘蛛池,帮助您有效提升网站流量。本文目录导读:免费蜘蛛池低价格付费蜘蛛池性价比较高的付费蜘蛛池注意事项在信息爆炸的
小米应用商店官方正版下载安装
小米应用商店官方正版下载安装有很多的资源内容提供,这里的软件资源大家可以随意的进行下载。这里有成千上万的资源提供给大家,大家可以在这里免费进行下载。每天都有很多的内容可以更新,这些都能带给大家很多的内容。感兴趣的小伙伴不要
梦幻西游千亿兽决概率
梦幻西游千亿兽决概率是多少?玩家经验累积到1000亿时就可以在游戏中领取一个兽诀奖励,下面游侠网小编给大家介绍梦幻西游千亿兽决概率,一起来看看吧。【攻略大全】【千亿兽决攻略汇总】1、玩家的游戏角色经验累积至1000亿时可以去NPC李世
抖音怎么加歌词
在抖音平台上,为视频添加歌词已成为一种流行趋势。这不仅有助于观众更好地理解视频内容,还能提升视频的吸引力和互动性。下面,我们就来详细讲解一下如何在抖音中添加歌词。首先,你需要准备好抖音APP和视频素材。确保你已经安装了最新版
线上问诊小程序24小时线上问诊看诊智慧云医疗小程序平台系统定制开发
2024年04月19日潘锦霖系统开发,软件开发,APP开发,小程序开发,源码搭建,定制软件,社交电商,云电商,新媒体电商,O2O,F2C,B2C,B2B2C,F2B2C,C2B,B2C2N,S2B2C,微商城,App,手机网页,PC商城,微商管理系统,扫码红包,质量追溯,分销系统, 全返系统,分
鹤壁百度网站优化怎样收费
网站优化(SEO)的收费情况通常取决于几个因素,包括但不限于以下几点:1. 关键词数量:优化的关键词数量越多,通常费用会相对提高。2. 关键词竞争度:关键词在搜索引擎中的竞争程度越高,优化难度就越大,价格也可能较高。3. 网站现状:现
网站规划的要素不包括/泰安做百度推广的公司
TLS是一种密码学协议,用于保证两者之间的会话安全。整个SSL/TLS协议内容太多,本文只从握手,加密,套件等方面对TLS 1.2进行简要总结。 协议详细内容,可以参见: RFC:http://tools.ietf.org/
襄阳,一座真正的城
襄阳好风日在武汉,想在周边进行一次短途旅行,选择并不少。但若要求一个完美到访地,满足大多数人的诉求诸如“风景好,人文好,吃的好,玩的好,交通方便……”襄阳是个不错的选择。汉水南岸的襄阳古城,历代兵家必争之地。虽然屡毁屡修,
相关文章
推荐文章
发表评论
0评