浏览器差异与兼容

• 1. 浏览器的标准模式和怪异模式区别？

1. 浏览器的标准模式和怪异模式区别？

查看答案

标准模式：浏览器按照 W3C 标准解析执行代码 怪异模式：浏览器根据自己的方式解析执行代码，因为不同浏览器解析 执行方式不一样，所以叫怪异模式

区别	标准模式	怪异模式
盒模型	标准盒模型	怪异盒模型
图片元素的垂直对齐方式对于行内元素和table-cell元素	vertical-align属性默认值是baseline	table单元格中的图片的vertical-align属性默认值是 bottom，因此在图片底部会有几像素的空间
css中font的属性都是可以继承的	可继承	对于table 元素，字体的某些元素不能从其他封装元素继承中得到，特别是font-size属性
内联元素的尺寸	non-replaced inline 元素无法自定义大写	定义元素的宽高会影响元素的尺寸
元素的百分比高度	高度取决于内容变化	百分比被准确应用
元素溢出的处理	overflow 取值默认值为 visible	这个溢出会被当做扩展box对待，就是元素的大小由内容决定，溢出不会裁剪，元素框自动调整，包含溢出内容