当前位置: 首页 > 面试题库 >

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

颛孙庆
2023-03-14
本文向大家介绍浏览器标准模式和怪异模式之间的区别是什么?相关面试题,主要包含被问及浏览器标准模式和怪异模式之间的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下

这是个历史遗留问题,W3C标准推出前,旧的页面都是根据旧的渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。 具体表现: 1.在严格模式中 :width是内容宽度 ,元素真正的宽度 = margin一left + border一left一width + padding一left + width + padding一right + border一right一 width + margin一right; 在怪异模式中 :width则是元素的实际宽度 ,内容宽度 = width 一 ( padding一left + padding一right + border一left一width + border一right一width) 2)可以设置行内元素的高宽 在标准模式下,给span等行内元素设置wdith和height都不会生效,而在怪异模式下,则会生效。 3)可设置百分比的高度 在标准模式下,一个元素的高度是由其包含的内容来决定的,如果父元素没有设置高度,子元素设置一个百分比的高度是无效的。 4)用margin:0 auto设置水平居中在IE下会失效 使用margin:0 auto在标准模式下可以使元素水平居中,但在怪异模式下却会失效, 怪异模式下的解决办法,用text一align属性: body{text一align:center};#content{text一align:left} 5)怪异模式下设置图片的padding会失效 6)怪异模式下Table中的字体属性不能继承上层的设置 7)怪异模式下white一space:pre会失效

 类似资料:
  • 问题内容: 装饰器模式和委托模式(如果有)之间有什么区别?我不仅想了解实现细节,还不想了解用例差异和如何使用它们的主观观点。 装饰图案 委托模式 编辑: 您能否指向使用这些模式的OS源代码(在OS项目中)(尤其是委托,因为在Java IO类中使用了装饰)。我正在寻找一些实际用法,而不仅仅是虚拟示例。也许这些模式是相同的,只是标题不同。随时写这个意见。 问题答案: 装饰器使用委派,但使用一种非常特定

  • 问题内容: 谁能解释工厂模式与策略模式之间的差异? 对我来说,除了一个额外的工厂类(它们以工厂模式创建产品的对象)外,两者看起来都一样 问题答案: 工厂模式是一种创造模式。战略模式是一种运营模式。换句话说,工厂模式用于创建特定类型的对象。策略模式用于以特定方式执行一个操作(或一组操作)。在经典示例中,工厂可能会创建不同类型的动物:狗,猫,老虎,而策略模式将执行特定的动作,例如,移动;使用“跑步”,

  • 问题内容: 策略模式和命令模式有什么区别?我也在寻找Java中的一些示例。 问题答案: 通常,命令模式用于使对象脱离 需要完成的工作 -进行操作及其参数并将其包装在要记录的对象中,以备撤消,发送到远程站点等。随着时间的流逝,它们将往往是大量不同的Command对象,它们会通过系统中的给定点,并且Command对象将包含描述所需操作的各种参数。 另一方面,策略模式用于指定应 该如何做 ,并插入到较大

  • 本文向大家介绍SQL Server中Star模式和Snowflake模式之间的区别,包括了SQL Server中Star模式和Snowflake模式之间的区别的使用技巧和注意事项,需要的朋友参考一下 星型图式是关系式图式,它遵循事实和维度的概念。事实表用于存储事件,例如登录,维度 表用于存储分区事件的参考数据。在星型模式中,由于此查询的执行时间非常快,因此表被完全非规范化。 雪花化是一种规范STA

  • 问题内容: 我最近正在读《 学习JavaScript设计模式》 这本书。我没有得到的是模块模式和显示模块模式之间的区别。我觉得他们是同一回事。有人可以举一个例子吗? 问题答案: 至少有三种不同的方法来实现模块模式,但是显示模块模式是唯一具有正式名称的模块模式后代。 基本模块模式 模块模式必须满足以下条件: 私有成员住在封闭中。 公共成员暴露在返回对象中。 但是这个定义有很多歧义。通过以不同方式解决

  • 本文向大家介绍浏览器怪异模式的怪异主要体现在哪方面呢?相关面试题,主要包含被问及浏览器怪异模式的怪异主要体现在哪方面呢?时的应答技巧和注意事项,需要的朋友参考一下 页面渲染方式不同, 怪异模式的盒模型width和height包括了padding和border。inline元素和table-cell的垂直对齐方式默认值是bottom不是baseline,图片底部会出现缝隙。怪异模式可以给inline