h2标题比h1大

今天在处理更改需求的时候,发现了一个从来没有考虑过的问题,h2竟然比h1大(在谷歌浏览器发布这篇文章时的最新款),而且是我直接使用默认样式的情况

---

进过查阅,默认样式为:

h1 { font-size: 2em }
h2 { font-size: 1.5em }

可见默认样式h2应该是比h1小的
然后再找到了前辈的描述:

:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.5em;
}

:-webkit-any(article,aside,nav,section)
:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.17em;
}

发现是在webkit内核浏览器中,由于section标签影响了h1的显示问题, 但是不会影响h2的大小

还好有前辈遇到过这个问题,不然可能会卡我很久哈哈哈