zoukankan      html  css  js  c++  java
  • 浏览器标准模式和怪异模式之间的区别

    这是个历史的遗留问题 ,W3C标准推出前,旧的页面都是根据就得渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。

      具体表现:

    1.在严格模式中:width是内容宽度,元素真正的宽度=margin+border +padding +width;

          在怪异模式中:width则是元素的实际宽度,内容宽度=width

    2.可以设置行内元素的高宽

        在标准模式下,给span等行内元素设置width和height都不会生效,而在怪异模式下就会生效。

    3.可设置百分比的高度

         在标准模式下,一个元素的高度是由其包含的内容来决定的,如果父元素没有设置高度,子元素设置一个百分比的高度是无效的。

    4.用margin:0 auto 在标准模式下 可以是元素水平水平居中,

    但在怪异模式下会失效,怪异模式下的解决办法,用text-align属性:body{text-align:center}#content{text-align:left}

    5:怪异模式下设置图片的padding会失效;

    6:怪异模式下label中的字体属性不能继承上层的设置;

    7:怪异模式下white-space:pre会失效

  • 相关阅读:
    图标字体化浅谈
    HTML5 data-* 自定义属性
    NodeJS初识
    [转]响应式web设计之CSS3 Media Queries
    [转]移动端web页面使用字体的思考
    运用@media实现网页自适应中的几个关键分辨率
    不同内核浏览器的差异以及浏览器渲染简介
    动画库tween.js
    ORACLE查看表空间使用率
    oracle存储过程游标循环
  • 原文地址:https://www.cnblogs.com/tfl123/p/7381568.html
Copyright © 2011-2022 走看看