modern-normalize 功能演示

① box-sizing: border-box

开启后：元素总宽度仍然是 200px（更符合直觉）

② body 默认外边距被移除

页面四周不再有浏览器默认白边

③ 系统字体栈

The quick brown fox jumps over the lazy dog

系统 UI 字体更清晰现代

④ b / strong 加粗一致性

b 标签加粗

strong 标签加粗

⑤ 等宽字体统一

内联代码：npm install

function hello(){
  console.log("monospace");
}

⑥ small 字号比例统一

正常文字

small 文字

⑦ sub / sup 不影响行高

H₂O 是水　 E = mc²

上下标不会把整行撑高

⑧ 表格边框颜色继承文字颜色

⑨ 表单字体统一继承

⑩ 搜索框外观统一

⑪ 数字输入框微调

⑫ 文件上传按钮可样式化

⑬ progress 垂直对齐修正

下载进度： 70%

⑭ summary 显示方式修正