浏览器怪异模式的怪异主要体现在哪方面呢？

浏览器怪异模式（Quirks Mode）的“怪异”主要体现在它模仿早期浏览器（主要是 Netscape Navigator 4 和 Internet Explorer 5）的非标准行为，导致网页渲染与现代标准（W3C 标准）不一致。这主要体现在以下几个方面：

盒模型的计算方式不同: 这是最显著的区别之一。在怪异模式下，盒模型的宽度计算包含了 content、padding 和 border 的宽度，这与标准模式（Standards Mode）下只计算 content 宽度的规则不同。这意味着在怪异模式下设置一个元素的宽度为 100px，如果它还有 padding 和 border，实际宽度会超过 100px。
行内元素的尺寸处理: 怪异模式下，行内元素的宽度和高度会受到字体大小和图片尺寸的影响，即使你明确设置了宽度和高度。
图片的垂直对齐方式: 在怪异模式下，图片默认会与基线对齐，而不是底部对齐。
表格单元格的间距和边框处理: 怪异模式下，表格单元格的间距和边框的解析方式与标准模式不同，可能导致布局错乱。
font 标签的继承性: 怪异模式下，font 标签的样式会继承到子元素，而标准模式下不会。
CSS 属性的支持和解释: 某些 CSS 属性在怪异模式下的行为与标准模式不同，甚至不被支持。
JavaScript 的一些行为差异: 虽然不如 CSS 差异明显，但某些 JavaScript API 在怪异模式和标准模式下的行为也可能存在细微差别，例如与事件处理和 DOM 操作相关的一些 API。