频道栏目
首页 > 系统 > 浏览器 > 正文
浏览器标准模式和怪异模式的区别详解
2018-05-31 15:31:07         来源:weixin_39786171的博客  
收藏   我要投稿

两者的区别:

1.盒模式的解析上:

在strict mode 中: width是内容宽度

在quirks mode 中: width则是元素的实际宽度,

而内容宽度 = width- (margin-left + margin-right + padding-left + padding-right + border-left + border-right)

2. 图片元素垂直对齐方式

在strict mode 中: vertical-align 属性默认取值为baseline  

在 quirks mode 中: vercital-align 属性默认为bottom,因此在图片底部会有几像素的空间。

3.<table>元素中的字体

quirks mode 下,对于table元素,字体的某些属性将不会从body或其它封闭元素继承到table中,特别是font-size属性

4,内联元素的尺寸

在standards mode 下,non-repalced inline 元素无法自定义大小,而在quirks mode 下,定义这些元素的width 和 height属性,能够影响改元素显示的大小尺寸

5.元素的百分比高度

当一个元素使用百分比高度时,在standards mode 下 高度取决于内容的变化,而在 quirks mode 下,百分比能被正确的应用

6.元素的溢出处理

在 stand mode下, overflow取默认值visible,即溢出可见,这种情况下,溢出内容不会被裁剪,呈现在元素框外,而在quirks mode下,该溢出被当作跨展box来对待,即元素的大小由其内容决定,溢出不会被裁剪,元素框自动调整,包含溢出内容

点击复制链接 与好友分享!回本站首页
上一篇:最新版谷歌浏览器不支持迅雷下载怎么解决?
下一篇:最后一页
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站