浏览器标准模式和怪异模式之间的区别是什么

 我来答
普实软件
2017-09-29 · 知道合伙人软件行家
普实软件
知道合伙人软件行家
采纳数:1703 获赞数:7398
普实软件ERP专家

向TA提问 私信TA
展开全部

在标准模式下:浏览器按照HTML与CSS标准对文档进行解析和渲染;

在怪异模式下:浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。


所以

对于旧有的网页,浏览器启动怪异模式,就能够使得旧网页正常显示;

对于新的网页,则可以启动标准模式,使得新网页能够使用HTML与CSS的标准特性。


标准模式与怪异模式的两个常见区别


盒模型的处理差异

标准CSS盒模型的宽度和高度等于内容区的高度和宽度,不包含内边距和边框,而IE6之前的浏览器实现的盒模型的宽高计算方式是包含内边距和边框的。

因此,对于IE,怪异模式和标准模式下的盒模型宽高计算方式是不一样的;


行内元素的垂直对齐

很多早期的浏览器对齐图片至包含它们的盒子的下边框,虽然CSS的规范要求它们被对齐至盒内文本的基线。

标准模式下,基于Gecko的浏览器将会对齐至基线,而在quirks模式下它们会对齐至底部。最直接的例子就是图片的显示。

在标准模式下,图片并不是与父元素的下边框对齐的,如果仔细观察,你会发现图片与父元素下边框之间存在一点小空隙。

那是因为标准模式下,图片是基线对齐的。而怪异模式下,则不存在这个问题



深圳市容大彩晶科技有限公司
2024-11-20 广告
作为深圳市容大彩晶科技有限公司的工作人员,对于公司广告机的功能有一定的了解。公司的广告机是否支持多语言显示,具体需根据产品型号和功能配置来确定。但一般而言,现代广告机通常具备多语言显示的功能,以适应不同国家和地区的需求。建议直接查阅产品说明... 点击进入详情页
本回答由深圳市容大彩晶科技有限公司提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式