page contents
首页 问答
正文

标准模式和混杂模式的区别?

轩辕小不懂 发布于 2021-12-10 15:47
阅读 467
收藏 0
答案 1
分类：WEB前端开发
  • html
    • 默认排序 时间排序
    2621
    Nen
    Nen
    - 程序员

    盒模型的处理差异：标准CSS盒模型的宽度和高度等于内容区的高度和宽度，不包含内边距和边框，而IE6之前的浏览器实现的盒模型的宽高计算方式是包含内边距和边框的。因此，对于IE，怪异模式和标准模式下的盒模型宽高计算方式是不一样的；

    行内元素的垂直对齐：很多早期的浏览器对齐图片至包含它们的盒子的下边框，虽然CSS的规范要求它们被对齐至盒内文本的基线。标准模式下，

    基于Gecko的浏览器将会对齐至基线，而在quirks模式下它们会对齐至底部。最直接的例子就是图片的显示。在标准模式下，图片并不是与父元素的下边框对齐的，如果仔细观察，你会发现图片与父元素下边框之间存在一点小空隙。那是因为标准模式下，图片是基线对齐的。而怪异模式下，则不存在这个问题。

    请先 登录 后评论
    轩辕小不懂
    1 关注
     
    轩辕小不懂
    提出于 2021-12-10 15:47
    全部

    轩辕小不懂 的其他提问

    类似问题

    null和undefined区别?
    1 回答
    467 阅读
    Typeof的作用？
    1 回答
    467 阅读
    页面导入样式时，使用link和@import有什么区别？
    1 回答
    467 阅读
    Viewport 属性值?
    1 回答
    467 阅读
    meta viewport 原理是什么?
    1 回答
    467 阅读
    如何在页面上实现一个圆形的可点击区域？
    1 回答
    467 阅读