怪异模式(Quirks Mode)导致 button 和 input 的大小不统一原因

怪异模式(quirks mode)是指在计算机领域中,一些网页浏览器为了维持对较旧的网页设计的向后兼容性,而使用的一种技术。


怪异模式特点:

1.采用的是IE盒模型,即将border和padding包含在了height和width中。

在 IE 盒模型中,

box width = content width + padding left + padding right + border left + border right,
box height = content height + padding top + padding bottom + border top + border bottom,

在标准盒模型中,

box width = content width 
box height = content height



使用 box-sizing: content-box|border-box|inherit; 可以设置div为怪异模式。


参考:

https://blog.csdn.net/ErMiaoYY/article/details/83543522

https://blog.csdn.net/ErMiaoYY/article/details/83542700

https://www.ibm.com/developerworks/cn/web/1310_shatao_quirks/index.html

修改时间 2021-08-27

真诚赞赏,手留余香
赞赏
随机推荐
Windows 批处理,Winrar 自动备份 Apache 每个网站到单独文件中
Thinkphp5 rc4 升级到Thinkphp5正式版遇到的一个问题
CentOS 7 服务管理命令 systemctl
vue.js国际化 vue-i18n插件
Flex 布局 space-between 最后一行左对齐最佳实践
Photoshop 色彩基础
uniapp 开发笔记(一)
Windows无法删除文件夹 系统找不到指定文件
Node.js 的 JSON Web Token 模块
MAC重装PHP
QQ号

微信联系我

夜间模式切换
回到顶部